Sistem Informasi Penjualan Rumah Secara Online Menggunakan PHP Dan MYSQL
TUGAS AKHIR
AHMAD BAIRUNI HASIBUAN
102406273
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
(2)
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya
AHMAD BAIRUNI HASIBUAN
102406273
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
(3)
PERSETUJUAN
Judul
: SISTEM PENJUALAN RUMAH SECARA ONLINE
MENGGUNAKAN PHP DAN MYSQL
Kategori
: TUGAS AKHIR
Nama
: AHMAD BAIRUNI HASIBUAN
Nomor Induk Mahasiswa
: 102406273
Program Studi
: DIPLOMA (D3) TEKNIK INFORMATIKA
Departemen
: MATEMATIKA
Fakultas
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Diluluskan di
Medan, Juni 2013
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Ketua, Pembimbing,
Prof.Dr. Tulus, M.Si
Drs. Rosman Siregar, M.Si
NIP 1962019011988031002 NIP 1962019011988031002
(4)
PERNYATAAN
SISTEM INFORMASI PENJUALAN RUMAH SECARA ONLINE
MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa
kutipan dan ringkasan yang masing-masing disebut sumbernya.
Medan, Juni 2013
AHMAD BAIRUNI HASIBUAN
102406273
(5)
PENGHARGAAN
Puji syukur penulis panjatkan kepada Allah SWT yang telah melimpahkan rahmat
dan hidayah-Nya sehingga tugas akhir ini berhasil diselesaikan dengan baik dalam
waktu yang telah ditetapkan.
Adapun judul tugas akhir ini adalah “Sistem Informasi
Penjualan Rumah
Secara Online Menggunakan PHP Dan MYSQL
”. T
ugas akhir ini merupakan salah
satu syarat untuk dapat menyelesaikan pendidikan program studi D-III Teknik
Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas
Sumatera Utara.
Pada kesempatan ini penulis mengucapkan terima kasih kepada pihak yang
telah banyak membimbing, mengarahkan, membantu, dan memberikan dukungan
semangat dan kasih sayang dalam menyelesaikan tugas akhir ini. Penulis
mengucapkan terima kasih kepada :
1.
Bapak Drs. Rosman Siregar, M.Si selaku dosen pembimbing yang telah
bersedia memberi arahan, bimbingan, dan petunjuk kepada penulis dalam
menyelesaikan tugas akhir ini.
2.
Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Sumatera Utara.
3.
Bapak Prof. Drs. Tulus, Vordipl.Math., M.Si., PhD selaku Ketua Departemen
Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Sumatera
Utara.
4.
Bapak Syahriol Sitorus, S.Si, M.IT selaku Ketua Program Studi D-III Teknik
Informatika FMIPA USU.
5.
Seluruh Staf Pengajar Program Studi D-III Teknik Informatika FMIPA USU
yang telah memberikan ilmu dan pengetahuannya kepada penulis selama masa
perkuliahan.
6.
Yang teristimewa,Ayahanda (alm) Drs.Ahmad Sayuti hsb, M.Si dan ibunda
Nurlin Nasution yang telah memberikan doa, dukungan, motivasi, semangat
(6)
dan kasih sayang yang tiada henti kepada penulis sehingga penulis dapat
menyelesaikan tugas akhir ini.
7.
Kepada pacar saya Nura Ramadhani yang telah memberikan doa, dukungan,
motivasi, semangat dan kasih sayang yang tiada henti kepada penulis sehingga
penulis dapat menyelesaikan tugas akhir ini.
8.
Kepada teman-
teman Kom E’10 yang telah memberikan dukungan kepada
penulis dan jasa-jasanya selama mengikuti perkuliahan di Teknik Informatika
USU.
Penulis menyadari bahwa tugas akhir ini masih memiliki kekurangan, untuk
itu penulis mengharapkan kritik dan saran yang konstruktif dari semua pihak untuk
perbaikan dan kesempurnaan tugas akhir ini.
Akhirnya penulis berharap semoga tugas akhir ini bermanfaat bagi para
pembaca.
Medan, Juni 2013
(7)
ABSTRAK
Tugas akhir ini merancang suatu aplikasi Sistem Informasi Penjualan Rumah Secara
Online Berbasis
Web
yang bermanfaat untuk menyediakan informasi yang baik
dengan cepat dan mudah, juga melalui kajian ini diharapkan dapat memberi
kemudahan kepada penjual atau pihak developer untuk mempromosikan perumahan
yang telah mereka bangun beserta kelebihan dari perumahan-perumahan tersebut.
Perancangan sistem dalam merancang Sistem Informasi Penjualan Rumah Secara
Online Berbasis Web ini dikembangkan dengan menggunakan perangkat lunak Adobe
Dreamweaver CS3, Adobe Photoshop CS3, AppServ, dan XAMPP. Dengan
menggunakan XAMPP paket-paket aplikasi yang kita perlukan dalam merancang
sebuah situs yang baik seperti Apache Web Server, PHP dan MySQL telah tersedia
dan browser Google Chrome. Sistem Informasi Penjualan Rumah Secara Online ini
meliputi pemakaian situs oleh Pihak developer dan pengunjung yang ingin
mendapatkan informasi tentang perumahan yang diinginkannya dari pihak developer
seperti melakukan update perumahan terbaru mereka dan informasi-informasi terbaru
yang dapat membuat pembeli tertarik untuk membeli rumah diperumahan mereka. Hal
tersebut digunakan untuk menampung data-data yang diperlukan dalam mempelancar
sistem informasi.
(8)
DAFTAR ISI
Halaman
Persetujuan
ii
Pernyataan
iii
Penghargaan
iv
Abstrak
vi
Daftar Isi
vii
Daftar Tabel
ix
Daftar Gambar
x
Bab 1 Pendahuluan
1
1.1 Latar Belakang
1
1.2 Rumusan Masalah
2
1.3 Pembatasan Masalah
3
1.4 Tujuan Penelitian
4
1.5 Manfaat Penelitian
4
1.6 Tinjauan Pustaka
4
1.7Metodologi Penelitian
5
Bab 2 Tinjauan Pustaka
7
2.1 Pengertian Sistem Informasi
7
2.2 Pengenalan Internet
10
2.2.1Network
11
2.2.2Web Server
11
2.2.3World Wide Web (WWW)
12
2.2.4Hyper Text Transfer Protocol (HTTP)
13
2.3 Pengenalan HTML
13
2.4 Pengenalan Personal Home Page (PHP)
15
2.4.1Sejarah PHP
16
2.4.2Variabel pada PHP
17
2.4.3Konsep Dasar Penggunaan PHP
19
2.5 Database MySQL
20
2.6Cascading Style Sheet (CSS)
22
2.7Pengenalan Konsep Pemrograman Berorientasi Objek dengan PHP
23
2.7.1 Mengelola Kompleksitas Aplikasi
23
2.7.2 Mengantisipasi Adanya Perubahan
24
2.8Adobe Dreamweaver
24
(9)
Bab 3 Perancangan Sistem
26
3.1 Perancangan Sistem
26
3.2 Data Flow Diagram (DFD)
26
3.2.1Diagram Konteks
27
3.2.2Diagram Nol (Overview Diagram)
28
4.3 Perancangan Flowchart
30
3.3.1Flowchart Index (Halaman utama)
32
3.3.2Flowchart Halaman utama adminirstrator
33
3.3.3Flowchart Halaman type rumah
34
3.3.4Flowchart Halaman Galeri perumahan
35
3.4 Perancangan Database
36
3.5 Perancangan Alogaritma
38
4.5.1Perancangan Alogaritma menu utama
38
4.5.2Perancangan Alogaritma menu Administrator
39
Bab 4 Implementasi Sistem
41
4.1 Pengertian Implementasi Sistem
41
4.2 Tujuan Implementasi
41
4.3 Komponen dalam Implementasi Sistem
42
4.3.1Kebutuhan Perangkat Keras (Hardware)
42
4.3.2Kebutuhan Perangkat Lunak (Software)
43
4.3.3Kebutuhan Brainware
44
4.4 Tampilan Halaman Website
44
4.3.1Tampilan Halaman Utama
44
4.3.2Tampilan Halaman Perumahan
45
4.4.3Tampilan Halaman Promo
46
4.4.4Tampilan Halaman Cara Pembayaran
46
4.4.5Tampilan Halaman Syarat Kredit
47
4.4.6Tampilan Halaman Halaman Menu Hubungi Kami
48
4.4.7Tampilan Halaman Log In Administrator
50
4.4.8Tampilan Halaman Galeri Perumahan Admin
51
4.4.9 Tampilan Halaman Galeri Tipe rumah
52
4.4.10Tampilan Halaman Tipe Rumah Keseluruhan
Bab 5 Kesimpulan dan Saran
54
5.1 Kesimpulan
54
5.2 Saran
55
Daftar Pustaka
Lampiran
(10)
DAFTAR TABEL
Halaman
Tabel 3.1 Simbol
–
Simbol Data Flow Diagram
27
Tabel 3.2 Arti Lambang-Lambang Flowchart
30
Tabel 3.3 Tabel Log In
36
Tabel 3.4 Tabel Perumahan
36
Tabel 3.5 TabelSpesifikasi
37
(11)
DAFTAR GAMBAR
Halaman
Gambar 3.1 Diagram Konteks
28
Gambar 3.2 DFD Level 0
29
Gambar 3.3 Flowchart Flowchart Halaman Utama
32
Gambar 3.4 Flowchart Halaman Utama Administrator
33
Gambar 3.5 Flowchart Halaman Type Rumah
34
Gambar 3.6 FlowchartHalaman Galeri Perumahan
35
Gambar 4.1 Halaman Utama
44
Gambar 4.2 Halaman MenuPerumahan
45
Gambar 4.3 Halaman Galeri tipe Rumah
45
Gambar 4.4 Halaman Promo
46
Gambar 4.5 Halaman Cara Pembayaran
47
Gambar 4.6 Halaman Syarat Kredit
48
Gambar 4.7 Halaman Hubungi Kami
49
Gambar 4.8 Halaman Log In Admin
50
Gambar 4.9 Halaman Galeri Perumahan Admin
51
Gambar 4.10 Halaman Galeri Tipe Rumah
52
(12)
ABSTRAK
Tugas akhir ini merancang suatu aplikasi Sistem Informasi Penjualan Rumah Secara
Online Berbasis
Web
yang bermanfaat untuk menyediakan informasi yang baik
dengan cepat dan mudah, juga melalui kajian ini diharapkan dapat memberi
kemudahan kepada penjual atau pihak developer untuk mempromosikan perumahan
yang telah mereka bangun beserta kelebihan dari perumahan-perumahan tersebut.
Perancangan sistem dalam merancang Sistem Informasi Penjualan Rumah Secara
Online Berbasis Web ini dikembangkan dengan menggunakan perangkat lunak Adobe
Dreamweaver CS3, Adobe Photoshop CS3, AppServ, dan XAMPP. Dengan
menggunakan XAMPP paket-paket aplikasi yang kita perlukan dalam merancang
sebuah situs yang baik seperti Apache Web Server, PHP dan MySQL telah tersedia
dan browser Google Chrome. Sistem Informasi Penjualan Rumah Secara Online ini
meliputi pemakaian situs oleh Pihak developer dan pengunjung yang ingin
mendapatkan informasi tentang perumahan yang diinginkannya dari pihak developer
seperti melakukan update perumahan terbaru mereka dan informasi-informasi terbaru
yang dapat membuat pembeli tertarik untuk membeli rumah diperumahan mereka. Hal
tersebut digunakan untuk menampung data-data yang diperlukan dalam mempelancar
sistem informasi.
(13)
BAB 1
PENDAHULUAN
1.1
Latar Belakang
Pengertian
internet
memiliki arti pemahaman yang cukup luas dimana kata
internet
itu
sendiri merupakan singkatan kata dari
interconnection-networking
, bila dijabarkan
secara sistem global maka
internet
merupakan jaringan komputer di seluruh penjuru
dunia yang saling terhubung satu sama lain dengan menggunakan standart
Internet
protocol suite
(TCP/IP) sehingga antara komputer saling mengakses informasi dan
bertukar data.
Internet
mencakup segala sesuatu secara luas baik itu dalam bidang
komputerisasi maupun telekomunisasi.
Fungsi dan manfaat internet secara sederhana adalah sebagai media
komunikasi, akses informasi, berbagai daya atau data, dalam hal ini berarti dengan
internet
bias menyiarkan dan mengakses secara online secara langsung baik berita
informasi dan bertukar data dengan akses
internet
online
ke seluruh penjuru dunia
tanpa ada batasan wilayah geografis dari setiap penggunanya.
Internet
bias diibaratkan
seperti komputer yang saling berbicara satu sama lain dan juga bias bertukar data
secara langsung setelah komputer terhubung pada jaringan
internet
dan ditandai atau
dibedakan menggunakan TCP/IP.
(14)
Sebelum adanya
internet
, penjualan rumah berlangsung lambat dan tidak
efisien baik dari segi biaya maupun wakti. Sering terjadi perselisihan antara penjual
rumah dengan calon pembeli rumah karena penjualan tidak dilakukan secara efiesien
misalnya pada waktu ingin melakukan pengenalan rumah yang akan dijual makanya
akan dibutuhkan waktu yang tepat untuk penjual atau pihak developer dan pihak calon
pembeli untuk bertemu, yang mana sering dari pihak pembeli adalah orang-orang
yang sangat sibuk. Dan sering kali penjualan rumah di sebuah perumahan terkesan
hanya seperti menjual rumah-rumah yang terpisah tanpa menunjukkan kelebihan dari
lingkungan sebuah perumahan tersebut.
Atas dasar inilah, maka penulis berinisiatif untuk membuat suatu sistem
informasi yang dapat mempermudah interaksi dan transaksi penjualan pada rumah.
Penulis tertarik mengangkat judul “ Sistem Informasi Penjualan Rumah Secara Online
Menggunakan PHP Dan MYSQL”.
1.2
Perumusan Masalah
Pada umumnya setiap perusahaan memerlukan sarana dalam memberikan dan
menyajikan informasi dengan lebih cepat dan mudah bagi masyarakat umum maupun
kalangan di dalam instansi itu sendiri, semua itu juga berlaku di
Developer
Perumahan. Sehubungan dengan hal tersebut maka dapat dirumuskan masalah yang
dihadapi penulis di dalam pembuatan aplikasi ini, yaitu:
1.
Bagaimana mendesain, membuat dan menghasilkan suatu sistem informasi
yang berbasis
web
untuk dapat menyimpan, menampilkan, dan sekaligus juga
dapat mengiklankan kepada masyarakat tentang informasi-informasi
perumahan yang terbaru, termasuk denah perumahan yang diinginkan oleh
pembeli.
(15)
2.
Bagaimana informasi pada
website
dapat di
update
dengan mudah pada waktu
yang diinginkan sesuai dengan tujuan aplikasi ini, yaitu
website
yang dinamis.
1.3
Pembatasan Masalah
Dalam penelitian ini ada beberapa batasan yang perlu dibuat, yaitu:
1.
Website
ini akan menampilkan halaman-halaman
web
yang statis maupun
dinamis mengenai sistem informasi terbaru mengenai perkembangan
perumahan yang dikerjakan oleh pihak
Developer
, seperti: data perumahan
terbaru, tipe rumah terbaru, dan promo-promo terbaru yang diberikan oleh
pihak
Developer
.
2.
Website
yang dibangun mendukung bahasa pemrograman
web
yang lainnya
seperti: HTML (
Hypertext Markup Language
), CSS (
Cascading Style Sheets
),
dan
Javascript
.
3.
Aplikasi ini dibuat menggunakan Adobe Dreamweaver CS3, Adobe Photoshop
CS3, dan XAMPP (Apache
Web Server
, PHP dan MySQL).
1.4
Tujuan Penelitian
Tujuan penelitian adalah mengimplementasikan sistem informasi penjualan
rumah secara online ini membagi fungsi
–
fungsi pada
website
seperti
template
,
theme
,
dan
script
berdasarkan pembagian tanggung jawab dan juga menunjukkan
penggunaan PHP dalam membangun suatu aplikasi
website
yang membantu
menyediakan informasi yang aktual bagi
user
/pengguna yang membutuhkan.
(16)
1.5
Manfaat Penelitian
Adapun manfaat dari penelitian ini adalah:
1.
Penjualan rumah dapat dilakukan dengan mudah.
2.
Bisa merekap dan menampilkan tipe-tipe perumahan yang ada sekaligus.
3.
Membantu penyebaran informasi perumahan terhadap masyarakat.
4.
Mudah dalam pengoperasionalannya.
1.6
Tinjauan Pustaka
Sesungguhnya yang dimaksud dengan sistem informasi tidak harus melibatkan
komputer. Sistem informasi yang menggunakan komputer biasa disebut sistem
informasi berbasis komputer (
Computer-Based Information Systems
atau CBIS).
(Abdul Kadir, 2002)
Web
adalah sebuah penyebaran informasi melalui
internet
.
Web
merupakan hal
yang tidak dapat dipisahkan dari dunia
internet
. Melalui
web
, setiap pemakai
internet
bisa mengakses informasi-informasi di situs
web
yang tidak hanya berupa teks, tetapi
juga dapat berupa gambar, suara, film, animasi, dan lain-lain. Sebenarnya,
web
merupakan kumpulan-kumpulan dokumen yang banyak tersebar di beberapa komputer
server
yang berada di seluruh penjuru dunia dan terhubung menjadi satu jaringan
melalui jaringan yang disebut
internet
. (Kasiman Peranginangin, 2006)
Sistem penjualan rumah secara online ini sangat berperan dalam setiap
organisasi, dan individu agar aktivitas yang dilakukan dapat cepat serta dapat
menyajikan informasi dengan akurat dan mudah di jangkau oleh pengguna web.
(17)
1.7
Metodologi Penelitian
Untuk menyusun tugas akhir ini, penulis melakukan penerapan metode
penelitian dalam memperoleh data
–
data yang dibutuhkan sehingga penyusunan tugas
akhir ini dapat diselesaikan dengan baik. Adapun metode penelitian yang penulis
lakukan adalah sebagai berikut :
1.
Pengumpulan Data-Data Pendukung
Pada tahap ini penulis mengumpulkan semua data yang telah diperoleh dan
mengelompokkan data ke dalam beberapa bagian, agar dapat mempermudah
dalam perancangan sistem pendataan.
2.
Membuat Rancangan Aplikasi
Proses pembuatan ini meliputi pembuatan rancangan aplikasi dan pembuatan
user interface
aplikasi.
3.
Pengujian Aplikasi Web
Menguji apakah aplikasi
web
yang dibuat telah berhasil berjalan sesuai dengan
keinginan dan melakukan perbaikan kesalahan jika masih terdapat
error
pada
aplikasi.
4.
Implementasi Aplikasi
Penerapan aplikasi yang dirancang setelah melalui tahap pengujian dan telah
berjalan dengan baik.
5.
Penyusunan dan Pengadaan Laporan
Tahap akhir dari penelitian yang dilakukan, yaitu membuat laporan tentang
penelitian yang telah dilakukan.
(18)
BAB2
TINJAUAN PUSTAKA
2.1PengertianSistemInformasi
Suatu sistem pada dasarnya adalah sekolompok unsur yang erat hubungannya
satu denganyang lain, yang berfungsi bersama
–
samauntuk mencapai tujuan
tertentu.Secara sederhana,suatu sistem dapat diartikan sebagai suatu kumpulan atau
himpunan dari unsur, komponen, atauvariabel yang terorganisir, saling berinteraksi,
saling tergantung satu sama lain dan terpadu.Dari defenisi ini dapat dirinci lebih lanjut
pengertian sistem secara umum, yaitu :
1.
Setiap sistem terdiri dari unsur
–
unsur.
2.
Unsur
–
unsurtersebut merupakan bagian terpadu sistem yang bersangkutan.
3.
Unsur sistem tersebut bekerja sama untuk mencapai tujuan sistem.
4.
Suatus sistem merupakan bagian dari sistem lain yang lebih besar.
Secara umum, informasi dapat didefinisikan sebagai hasil dari pengolahan data
dalam suatubentuk yang lebih berguna dan lebih berarti bagi penerimanya. Hal ini
menggambarkan suatukejadian
–
kejadian yang nyata dan digunakan untuk
pengambilan keputusan. Informasimerupakan data yang telah diklasifikasikan atau
diolah atau diinterpretasi untuk digunakandalam proses pengabilan keputusan.(Abdul
Kadir, 2002)
Sistem informasi adalah suatu sistem dalam suatu organisasi yang
mempertemukankebutuhan pengolahan transaksi harian. Sistem informasi mendukung
fungsi operasi organisasi yang bersifat manajerial, dengan kegiatan strategi dari suatu
organisasi untuk dapat menyediakan kepadapihak luar tertentu dengan informasi yang
diperlukan untuk pengambilan keputusan.Sistem informasi dalam suatu organisasi
(19)
dapat dikatakan sebagai suatu sistem yang menyediakan informasi bagi semua
tingkatan dalam organisasi tersebut kapan saja diperlukan.Sistem ini menyimpan,
mengambil, mengubah, mengolah dan mengkomunikasikan informasiyang diterima
dengan menggunakan sistem informasi atau peralatan sistem lainnya.
Sistem informasi terdiri dari komponen
–
komponen yang disebut blok
bangunan (
buildingblok
), yang terdiri dari komponen
input
, komponen model,
komponen
output
, komponen teknologi, komponen
hardware
, komponen
software
,
komponen basis data, dan komponen kontrol. Semua komponen tersebut saling
berinteraksi satu dengan yang lain membentuk suatu kesatuan untuk mencapai
sasaran.
1.
Komponen input mewakili data yang masuk kedalam sistem informasi. Input
disini termasuk metode dan media untuk menangkap data yang akan
dimasukkan, yang dapat berupa dokumen
–
dokumen dasar.
2.
Komponen model terdiri dari kombinasi prosedur, logika, dan model
matematika yang akan memanipulasi data input dan data yang tersimpan di
basis data dengan cara yag sudah ditentukan untuk menghasilkan keluaran
yang diinginkan.
3.
Komponen output adalah hasil dari sistem informasi atau keluaran yang
merupakan informasi yang berkualitas dandokumentasi yang berguna untuk
semua pemakai sistem.
4.
Komponen teknologi merupakan
“tool box”
dalam sistem informasi.
Teknologi digunakan untuk menerima
input
, menjalankan model, menyimpan,
mengakses data, menghasilkan dan mengirimkan keluaran, serta membantu
pengendalian dari sistem secara keseluruhan.
(20)
5.
Komponen
hardware
berperan penting sebagai suatu media penyimpanan vital
bagi sistem informasi, yang berfungsi sebagai tempat untuk menampung
database
atau lebih mudah dikatakan sebagai sumber data dan informasi untuk
memperlancar dan mempermudah kerja darisistem informasi.
6.
Komponen
software
berfungsi sebagai tempat untuk mengolah,menghitung
dan memanipulasi datayang diambil dari
hardware
untuk menciptakan suatu
informasi.
7.
Komponen basis data(
database
) merupakan kumpulan data yang saling
berkaitan dan berhubungan satu dengan yang lain, tersimpan diperangkat keras
komputer dan menggunakan perangkatlunak untuk memanipulasinya. Data
perlu disimpan dalam basis data untuk keperluan penyediaan informasi lebih
lanjut. Data di dalam basis data perlu diorganisasikan sedemikian rupa supaya
informasi yang dihasilkan berkualitas. Organisasi basis data yang baik juga
berguna untuk efisiensi kapasitas penyimpanannya. Basis data diakses atau
dimanipulasi menggunakan perangkat lunak paket yang disebut DBMS
(
Database Management System
).
8.
Komponen kontrol. Banyak hal yang dapat merusak sistem informasi, seperti
bencana alam, api, temperatur, air,debu, kecurangan, kegagalan sistem itu
sendiri, ketidakefisienan,sabotase dan lain sebagainya. Beberapa pengendalian
perlu dirancang dan diterapkan untukmeyakinkan bahwa hal
–
halyang dapat
merusak sistem dapat dicegah ataupun bila terlanjurterjadi
kesalahan-kesalahan dapat langsung cepat diatasi.
(21)
2.2 PengenalanInternet
Internet
(
Interconnected Network
) merupakan jaringan computer yang terdiri
dari jaringan independen yang dihubungkan satu dengan yang lainnya.Secara
etimologis,
internet
berasal dari bahasa Inggris yakni
Inter
berarti antar dan
Net
yang
berarti jaringan sehingga dapat diartikan hubungan antar jaringan.
Internet
merupakan jaringan computer yang tersebar luas didunia. Sampai saat
ini
internet
sudah menghubungkan lebih dari 1 juta jaringan computer dengan pemakai
lebih dari 100 juta orang.
Internet
adalah jaringan luas dikomputer yang lazim disebut
dengan
World Wide Web
, yang secara ringkas
internet
adalah sumber informasi dan
alat komunikasi serta hiburan.
2.2.1 Network
Network k
adalah jaringan system komunikasi data yang melibatkan sebuah atau
lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi
membentuk satu sistem. Dengan
network
, computer yang satu dapat menggunakan
data di computer lain, dapat mencetak laporan di
printer
computer lain, dapat memberi
berita ke computer lain walaupun berlainan area.
Network
merupakan cara yang sangat
berguna untuk mengintegrasikan system informasi dan menyalurkan arus informasi
dari satu area kearea lainnya.
2.2.2 WebServer
Web server
adalah
internet server
yang mampu untuk melayani koneksi
perpindahan data dalam protocol
http web server
dari
internet server
disamping
. Dikarenakan
web server
dirancang untuk menampilkan data, dimulai dari teks,
hypertext
, gambar, yang merupakan keunggulan dari
web
sehingga
web
tidak hanya
dapat diterima di universitas tetapi di seluruh perusahaan komersial yang dapat
menampilkan datanya dalam
internet
. Macam
–
macam
web server
antara lain:
(22)
1.
Apache(
OpenSource
).
2.
Xitami.
3.
IIS.
4.
PWS.
Website
(situs
web
) merupakan alamat (
URL
) yang berfungsi sebagai tempat
penyimpanan data dan informasi dengan berdasarkan topic tertentu.
URL
adalah suatu
sarana yang digunakan untuk menentukan lokasi informasi pada suatu
web server
.
Situs atau
web
dapat dikategorikan menjadi 2 yaitu:
1.
Web Static
, yaitu
web
yang berisi atau menampilkan infomasi
–
informasi yang
sifatnya statis (tetap).
2.
Web Dinamic
, yaitu
web
yang menampilkan informasi serta dapat berinteraksi
dengan
user
yang sifatnya dinamis.
2.2.3 WorldWideWeb (WWW)
World Wide Web
(WWW) adalah jaringan tak terbatas computer yang
dikategorikan menjadi dua, yaitu
Client
dan
Server
dengan menggunakan
software
khusus membentuk sebuah jaringan yang disebut jaringan
client
–
server
. Pada
prinsipnya
World Wide Web
bekerja dengan cara menampilkan
file
–
file
HTML yang
berasal dari
server web
pada program
client
khusus, yaitu
browser web
. Program
browser web
pada
client
mengirimkan permintaan kepada
server web
, yang kemudian
akan dikirimkan oleh
server
dalam bentuk HTML.
File
HTML berisi instruksi yang
diperlukan untuk membentuk tampilan. Perintah
–
perintah HTML ini kemudian
diterjemahkan oleh
browser web
sehingga isi informasinya dapat ditampilkan secara
visual kepada pengguna.( Tutang,2001 )
(23)
2.2.4 HyperText TransferProtocol(HTTP)
Hyper Text Transfer Protocol
(HTTP) adalah suatu protocol yang
menentukan aturan yang perlu diikuti oleh
web browser
dalam menyediakan dokumen
yang diminta
web browser
. Protokol ini merupakan protokol standar yang digunakan
untuk mengakses dokumen HTML. Apabila kita menjelajah
web
dan pada
address
tertulis seperti
http://www.google.com
ini merupakan salah satu penggunan protokol
HTTP dalam
web
.
2.3 PengenalanHTML
Hypertext Markup Language
(
HTML
) adalah
script
dimana kita bisa
menampilkan informasi dan daya kreasi kita lewat
internet
.
HTML
sendiri adalah
suatu dokumen teks biasa yang mudah dimengerti disbanding bahasa pemrograman
lainnya, dan karena bentuknya itu maka
HTML
dapat dibaca oleh berbagai
plat form
seperti Windows, Linux, dan Macintosh. Kata
“
Markup Language
“
pada
HTML
menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML dimana kita bias
mengatur judul, garis, tabel, gambar, dan lain
–
lain dengan perintah yang telah
ditentukan pada elemen
HTML
.
Penamaan dokumen
HTML
dapat dilakukan dengan memilih suatu nama ,
sembarang nama, kemudian menambahkan sebuah ekstensi
“
.h
tm”
atau
“
.
html”
(tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja).
HTML
sendiri dikeluarkan oleh
W3C (World Wide Web Consortium)
, setiap
terjadi perkembangan
level HTML
, harus dievaluasi ketat dan disetujui oleh
W3C
.
Hingga kini versi terakhir
HTML
yang telah disetujui oleh
W3C HTML 4.01
.
HTML
terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu
kelompok perintah tertentu, misalnya kelompok perintah
form
yang ditandai dengan
(24)
kode
<form>,
judul dengan
<title>
dan sebagainya. Untuk mengetahui lebih lanjut
mengenai bagian
–
bagian
HTML
perhatikan skema dibawah ini:
<html>
<head>
<title></title>
</head>
<body>
isidarihalamanweb
</body>
</html>
Keterangan:
1. Dokumen
HTML
selalu diawali dengan tanda
tag
pembuka
<html>
dan diakhiri
dengan tanda
tag
penutup
</html>
.
2. Pada elemen
head <head> </head>
, dapat kita sisipkan kode
–
kode untuk
menuliskan keterangan tentang dokumen
HTML
. Atau dapat juga kita sisipkan
kode
–
kode pemrograman
web
seperti
Java Script
,
VBScripts
, atau
CSS
untuk
menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.
3. Elemen
body <body> </body>
berisi
tag
–
tag
untuk isi atau
layout
tampilan
situs kita, seperti
<font> </font>
,
<table> </table>, <form> </form>.
Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode
tag
tersebut. Sedangkan
tag
hanyalah merupakan bagian dari elemen.
Tag
adalah
kode
–
kode yang digunakan untuk men-
setting
dokumen
HTML
. Secara garis besar
bentuk umum
tag
adalah sebagai berikut:
<tag-awal> TEKS </tag-akhir>.
Namun ada
(25)
juga
tag
yang tidak perlu ada penutup seperti
<br>
,
<hr>
,
<img>
, dan lain
–
lain.
2.4 PengenalanPersonalHomePage(PHP)
PHP
adalah singkatan dari
Personal Home Page
yang merupakan bahasa standar yang
digunakan dalam dunia
website
.
PHP
adalah bahasa pemrograman yang berbentuk
script
yang diletakkan didalam
server web
. Kelebihan PHP dari bahasa pemrograman
lain:
1.
Bahasa pemrograman
PHP
adalah sebuah bahasa
script
yang tidak melakukan
sebuah kompilasi dalam penggunaanya.
2.
Web Server
yang mendukung
PHP
dapat ditemukan dimana
–
mana dari mulai
II
S
sampai dengan
apache
, dengan konfigurasi yang relatif mudah.
3.
Dalam sisi pengembangan lebih mudah, karena banyaknya
milis
–
milis
dan
developer
yang siap membantu dalam pengembangan.
4.
Dalam sisi pemahamanan,
PHP
adalah bahasa
scripting
yang paling mudah
karena referensi yang banyak.
PHP
adalah bahasa
open source
yang dapat digunakan diberbagai mesin
(Linux, Unix, Windows) dan dapat dijalankan secara
run time
melalui
console
serta
juga dapat menjalankan perintah
–
perintah sistem. Sistem
data base
yang didukung oleh
PHP
adalah:
1.
Oracle
2.
Sybase
3.
MySQL
(26)
2.4.1 SejarahPHP
PHP
pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu
itu
PHP
bernama
FI
(
Form Interpreted
). Pada saat tersebut
PHP
adalah sekumpulan
script
yang digunakan untuk mengolah data
form
dari
web
.
Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut
dan menamakannya
PHP/FI
, pada saat tersebut kepanjangan dari
PHP/FI
adalah
Personal Home Page/Form Interpreter
. Dengan pelepasan kode sumber ini menjadi
opensource
, maka banyak
programmer
yang tertarik untuk ikut mengembangkan
PHP
.
Pada November 1997, dirilis
PHP/FI2.0
. Pada rili sini
interpreter
sudah
diimplementasikan dalam C. Dalam rilis ini disertakan juga modul
–
modul ekstensi
yang meningkatkan kemampuan
PHP/FI
secara signifikan. Sebuah perusahaan
bernama Zend, menulis ulang
interpreter PHP
menjadi lebih bersih, lebih baik dan
lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis
interpreter
baru
untuk
PHP
dan meresmikan nama rilis tersebut menjadi
PHP3.0
.
Pada pertengahan tahun 1999, Zend merilis
interpreter PHP
baru dan rilis
tersebut dikenal dengan
PHP 4.0
.
PHP 4.0
adalah versi
PHP
yang paling banyak
dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun
aplikasi
web
kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang
tinggi.
Pada Juni 2004, Zend merilis
PHP 5.0
. Versi ini adalah versi mutakhir dari
PHP
. Dalam versi ini, inti dari
interpreter PHP
mengalami perubahan besar. Dalam
versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk
menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi
objek. (Moh. Sulhan, 2007)
(27)
2.4.2 VariabelpadaPHP
Variabel dapat disebut sebagai sebuah tempat penyimpanan data bagi nilai
numeris maupun nonnumeris, agar dapat digunakan pada bagian lain dari
script
program
PHP
.
PHP
mendukung berbagai jenis
variable
yaitu:
1.
Integer
(bilanganbulat).
2.
Bilangan
floating point
(presisitunggal,ganda).
3.
Boolean.
2.
Null
(untuk variable yang belum diset).
3.
String
dan
Array.
4.
Object.
5.
Resource.
Jika menggunakan bahasa pemrograman C atau Pascal, maka kita harus
mendefinisikan
variabel
tiap elemen,
namun
pada
PHP
kita
tidak
perlu
mendefinisikan terlebih dahulu jenis
variabel
sebelum menggunakannya.
PHP
memiliki kepandaian untuk membedakan jenis
variable
secara otomatis berdasarkan
konteks yang sedang berlaku bagi
variable
tersebut.
Setiap
variable
dalam PHP selalu dimulai dengan tanda dolar ("$") dan harus
dimulai dengan huruf dan dapat diikuti oleh huruf dan angka. Dengan demikian,
$warpspeed, $impuls_speed, $LCAR dan $Dilithium 1 adalah contoh penamaan
variable PHP
yang
valid
.
Setiap
variable
dalam
PHP
peka terhadap perbedaan huruf capital dan non
kapital, sehingga $subspace, $SubSpace, dan $SUBSPACE adalah tiga buah
variabel
(28)
2.4.3 KonsepDasarPenggunaan PHP
Kode
PHP
diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda
lebih besar (>). Ada empat cara untuk menuliskan
script PHP
yaitu:
1.
<?Apa kabar..?>
2.
<?php Apa kabar..?>
3.
<%Apakabar..%>
4.
<SCRIPTLANGUAGE
=”
php
”
>Apakabar..</SCRIPT>
Pemisah antar instruksi adalah titikkoma (;) dan untuk membuat atau
menambahkan komentar standar penulisan adalah: /*komentar*/, //komentar, #
komentar. Cara penulisan dibedakan menjadi
Embeded
dan
NonEmbeded script
.
1.
EmbededScript
Contoh dari
Embeded script
:
<html>
<head>
<title>Coba</title>
</head>
<body>
<?php echo
”
webdeveloper
”; ?>
</body>
</html>
Script
diatas merupakan
script
yang sederhana.
Script PHP
disisipkan diantara
(29)
2.
NonEmbeded Script
Contoh dari
NonEmbeded Script
:
<?php echo
”
<html>
”
; echo
”
<head>
”; ec
ho
”
<titl
e>”;
echo
”
welearnaboutphp
”
; echo
”
</title>
”
; echo
”
</head>
”
; echo
”
<body>
”;
echo
”
<p>MyProject</p>
”; ec
ho
”<
/body>
”
; echo
”
</html
>”;
?>
Script
ini digunakan murni pembuatan program dengan
PHP
,
tag HTML
yang
dihasilkan untuk membuat dokumen merupakan bagian dari
script PHP
. (Syafii,2005)
2.5 Database MySQL
MySQL
adalah salah satu jenis
database server
yang sangat terkenal.
Kepopulerannya disebabkan
MySQL
menggunakan
Structure Query Language
(SQL)
sebagai bahasa dasar untuk mengakses
database
-nya. Selain itu, ia bersifat gratis
(tidak perlu membayar untuk menggunakannya) pada berbagai
platform
(kecuali pada
Windows, yang bersifat
shareware
atau perlu membayar setelah melakukan evaluasi
dan memutuskan untuk digunakan untuk kepeluan produksi). Perangkat lunak
MySQL
sendiri bisa di
download
dari
http://www.mysql.org
atau
http://www.mysql.com.
MySQL
termasuk jenis
Relation Database Management Sistem
(DBMS). Pada
MySQL
, sebuah
database
mengandung satu atau sejumlah tabel. Tabel terdiri atas
sejumlah
baris
dan
setiap
baris
mengandung
satu
atau
beberapa
kolom.(www.id.wikipedia.org)
Dalam menjalan
MySQL
diperlukan berbagai perintah untuk membuat suatu
data base
, berikut ini disebutkan beberapa perintah dasar dalam menggunakan
MySQL
.
Untuk menjalankan
MySQL
pertama kali cukup dengan mengetikkan mysql
–
u root
–
p
pada Command Prompt. Perintah-perintahnya adalah sebagai berikut:
(30)
1.
Menampilkan
database
:
SHOWDATABASES;
2.
Membuat
database
baru:
CREATEDATABASE nama_database;
3.
Memilih
data base
yang akan digunakan:
USE nama_database
;
4.
Menampilkan tabel:
SHOWTABLES
;
5.
Membuat table baru:
CREATETABLEnama_tabel(fieldspesifikasi_field,...);
6.
Menampilkan struktur tabel:
SHOW COLUMNSFROM nama_tabel;
atau
DESCRIBE nama_tabel
;
7.
Mengubah strukturtabel:
ALTERTABLEnama_tabelJenis_Pengubahan
;
8.
Mengisikan data pada tabel :
INSERT INTO nama_tabel (kolom1,...) VALUES
(data_kolom1,..)
atau
INSERT INTO table SET kolom1=data_kolom1,...;
9.
Menampilkan data pada tabel :
SELECT*FROM nama_tabel;
10.
Mengubah data pada tabel :
UPDATE nama_tabel SET kolom =
pengubahan_data WHERE kriteria;
11.
Menghapus data pada tabel :
DELETEFROM nama_tabelWHEREkriteria;
12.
Menghapus tabel:
DROP nama_tabel;
13.
Menghapus
data base
:
DROP nama_database
;
14.
Keluar dari
MySQL
:
QUIT
atau
EXIT
;
2.6 CascadingStyle Sheet (CSS)
CSS
merupakan kependekan dari
Cascading Style Sheet
yang berfungsi untuk
mengatur tampilan dengan kemampuan jauh lebih baik dari
tag
maupun atributs tandar
HTML
(
Hyper TextMarkup Language
).
CSS
sebenarnya adalah suatu kumpulan
atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan
banyak dokumen secara bersama. Keuntungan menggunakan
CSS
yaitu jika kita ingin
mengubah format dokumen, maka tidak perlu mengedit satu persatu. Penggunaan CSS
(31)
merupakan standar untuk
web-web
modern (
Web
2.0). Implementasi CSS,
table less
dan semantik tidak divitis (maniak div) yang merupakan standarisasi web yang baik.
Penggunaan
CSS
ada dua cara yaitu dengan menyisipkan kode
CSS
langsung
dalam kode
HTML
atau simpan
file
tersendiri berekstensi
“
.css
”
. dengan menyimpan
sebagai
file
tersendiri akan lebih memudahkan untuk mengontrol tampilan dalam
banyak dokumen secara langsung.
CSS
mendapat dukungan penuh pada
browser
versi
4(empat) dan pada versi sebelumnya. Perlu diketahui bahwa tampilan
CSS
dapat
berbeda bila ditampilkan pada menu browser yang berbeda pula. (madcoms, 2008)
2.7 Pengenalan Konsep Pemrograman Berorientasi Objek dengan PHP
2.7.1 Mengelola Kompleksitas Aplikasi
Pemrograman berorientasi objek (
object oriented programming
) memandang
aplikasi perangkat lunak sebagai kumpulan
object
yang saling berinteraksi di dalam
suatu sistem. Merancang sebuah aplikasi menggunakan teknik
object oriented
dilakukan dengan membagi fungsi-fungsi berdasarkan pembagian tanggung jawab.
Pembagian tanggung jawab diterapkan kepada setiap
class
yang dibuat. Setiap
class
menyediakan pelayanan untuk mengerjakan operasi tertentu. Operasi-operasi ini
dilaksanakan oleh
object-object
yang dibuat dari
class
tersebut. Dengan memfokuskan
setiap
class
pada tanggung jawab yang tertentu dengan tingkatan kompleksitas yang
memadai tentu akan sangat membantu untuk mereduksi kompleksitas aplikasi secara
keseluruhan.
(32)
Pembangunan aplikasi dapat dianalogikan sebagai misi dari sebuah tim dimana
untuk mencapai tujuan dari misi ini dilakukan pembagian tugas yang jelas agar dapat
menyelesaikan tugas yang diberikan dengan baik. Dengan teknik
object oriented
ini,
jalinan komunikasi antar
programmer
juga dipermudah dengan masing-masing
class
yang dibuat akan dilengkapi dengan
interface
yang menjadi standar bagaimana
class
tersebut dihubungi.
Interface
itu mencakup:
1.
Nama
2.
Operasi yang menjadi tugasnya
3.
Cara penggunaannya
4.
Hasil yang diperoleh
Pada akhirnya dengan pendekatan
object oriented
ini akan dihasilkan aplikasi
dengan struktur yang kokoh. Operasi dan data dibungkus dengan rapi di dalam
class
.
Data hanya dapat dimanipulasi menggunakan operasi-operasi yang disediakan di
dalam
class
.
2.7.2 Mengantisipasi Adanya Perubahan
Salah satu prinsip dalam perancangan aplikasi dengan pendekatan
object
oriented
adalah pemisahan antara tampilan (
user interface
) dan implementasi
(
business logic
). Tujuan pemisahan antara bagian tampilan dengan bagian
implementasi adalah mengurangi ketergantungan antarbagian di dalam aplikasi.
Tingkat ketergantungan yang rendah tersebut dapat memudahkan penggantian,
perbaikan, atau pengembangan suatu modul dengan tidak menimbulkan efek pada
modul lainnya. Modul-modul yang independent memungkinkan penggunaan ulang
(
reuse
) dari modul-modul tersebut. (Syafii, 2005).
(33)
2.8AdobeDreamweaver
Adobe
Dreamweaver
merupakan
pengembangan
dari
Macromedia
Dreamweaver MX semenjak perusahaan Macromedia dimiliki oleh perusahaan
software
AdobeInc.
Software
ini merupakan salah satu
software
terpopuler dalam
bidang
desain web
. Dalam versinya saat ini, Adobe Dreamweaver CS3 dapa
tmenggabungkan fungsi penulisan script
client side
dan
server side
menjadi satu dan
mampu mengolah beberapa
script
pemrograman berbasis
server side
yang sangat
terkenal seperti
ASP
dan
PHP
. Dengan fasilitasnya yang kaya warna, penuh
icon
, dan
user interface
yang menarik. Adobe Dreamweaver CS3 sungguh berbeda dengan
logo versi generasi sebelumnya yang terkesan formal.
2.9JavaScript
JavaScript
mulanya bernama
LiveScript
, dikembangkan pertama kali pada
tahun 1995 di
Netscape Communication
. Pada akhir tahun 1995
Netscape
Communication
dan
Sun Microsystem
berkolaborasi dan mengganti nama
LiveScript
menjadi
JavaScript
.
JavaScript
adalah bahasa
script
yang ditempatkan pada kode
HTML
dan
diproses pada sisi
client
. Dengan adanya bahasa ini maka kemampuan dokumen
HTML
menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan
formulir sebelum diproses ketahap selanjutnya. Bisa untuk membuat permainan
interaktif dan juga bisa untuk menambah
designweb
.
(34)
BAB 3
PERANCANGAN SISTEM
3.1 Perancangan Sistem
Perancangan sistem merupakan upaya perusahaan atau suatu lembaga untuk memulai
memiliki sistem yang baik yang lama maupun yang baru. Perancangan sistem
dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.
3.2 Data Flow Diagram (DFD)
Data Flow Diagram
(DFD) merupakan model dari sistem untuk menggambarkan
pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan menggunakan
diagram alir data adalah memudahkan pemakai yang kurang menguasai bidang
komputer untuk mengerti sistem yang akan dikerjakan.
DFD juga merupakan alat perancangan sistem yang berorientasi pada alur data
dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun
rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada
pemakai maupun pembuat program.
(35)
Tabel 3.1 Simbol-simbol Data Flow Diagram
No.
Simbol
Fungsi
1.
Eksternal Entity
merupakan kesatuan di
luar lingkungan system yang dapat berupa
seseorang, organisasi yang dapat mengirimkan
data atau menerima data dari sistem.
2.
Arus data merupakan tempat mengalirnya
informasi menunjukan arus data berupa sistem.
3.
Proses merupakan pengolahan data atau aliran
data masuk menjadi data aliran keluar.
4.
Penyimpanan
data
merupakan
tempat
penyimpanan data yang ada di dalam sistem.
3.2.1 Diagram Konteks
Diagram konteks adalah diagram yang terdiri dari dari suatu proses dan
menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan level
tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau dari output dari
sistem.
(36)
Input perumahan terbaru
Update informasi perumahan
Informasi Perumahan terbaru
Gambar 3.1 Diagram Konteks
3.2.2 Diagram Nol (Overview Diagram)
Diagram nol adalah diagram yang menggambarkan proses dari data flow diagram.
Diagram nol memberikan secara menyeluruh mengenai sistem yang ditangani,
menunjukkan tentang fungsi-fungsi utama atau proses yang ada, aliran data, dan
entitas luar.
Sistem Informasi
Penjualan Rumah
Secara Online
Menggunakan PHP
Dan MYSQL
Pengunjung
web
Admin
(37)
Gambar tipe rumah terbaru
Promo
Data Perumahan terbaru
Promo terbaru
Gambar 3.2 DFD Level 0
Admin
Upload
Data
Update
Data
(38)
3.3 Perancangan Flowchart
Flowchart merupakan bagan-bagan yang mempunyai arus yang menggambarkan
langkah-langkah penyelesaian suatu masalah. Flowchart merupakan cara penyajian
dari suatu algoritma.
Tabel 3.2 Arti Lambang
–
Lambang Flowchart
No.
Simbol
Fungsi
1.
Terminator
, untuk memulai dan mengakhiri suatu
program.
2.
Process
, suatu simbol yang menunjukkan setiap
pengolahan yang dilakukan oleh komputer.
3.
Data, untuk memasukkan data maupun menunjukkan
hasil dari suatu proses.
4.
Decision
, suatu kondisi yang akan menghasilkan
beberapa kemungkinan jawaban atau pilihan.
5.
Preparation
, suatu simbol yang menyediakan
tempat-tempat pengolahan data dalam storage.
6.
Connector
, merupakan simbol untuk masuk dan
keluarnya suatu prosedur pada lembar kertas yang
sama.
7.
Off-Page Connector
, merupakan simbol untuk masuk
dan keluarnya suatu prosedur pada lembar kertas yang
lain.
8.
Arus atau
flow
, prosedur yang dapat dilakukan dari atas
ke bawah, bawah ke atas, dari kiri ke kanan, atau dari
kanan ke kiri.
9.
Document
, merupakan simbol untuk data yang
berbentuk informasi.
(39)
10.
Predefined process
, untuk menyatakan sekumpulan
langkah proses yang ditulis sebagai prosedur.
(40)
3.3.1 Flowchart Index (Halaman utama)
YA
Gambar 3.4
Flowchart Halaman Utama
Galery
Perumahan
Start
Tampilan Menu
Home
Perumahan
Promo
YA
YA
YA
Home
Halaman
promo
Cara
Pembayaran
YA
End
Halaman
cara
pembayara
n
Halaman
hubungi
kami
Contact us(41)
3.3.2 Flowchart Halaman Utama Administrator
Gambar 3.4
Flowchart Halaman Utama Administrator
BukaHalaman Admin
Input username & password
Cek Username
dan Password
Username atau
password salah
Galery Perumahan
Hapus Data
perumahan
Tambah perumahan
Hapus Data
Type rumah
Lihat PerumahanYa
Ya
Ya
Ya
Ya
Ya
Tidak
Tidak
Tidak
Tidak
Tidak
Update
type rumah
Tidak
Masukkan data perumahan baruLOG OUT
Update
data
perumahan
Data Base
Data Base
START(42)
3.3.3 Flowchart Halaman type rumah
Gambar 3.5 Flowchart halaman type rumah
Update
type
rumah
Gallery type rumah
Hapus Type
Rumah
Update
type rumah
Data
Base
Lihat semua type rumah
Galery
perumahan
Tambahkan
type rumah
Data Base
END
Ya
Ya
Ya
(43)
3.3.4 Flowchart Galery perumahan
Gambar 3.6 Flowchart galeri perumahan
Galery
Perumaha
n
Pilih
Perumahan
Gallery type
Ya
Tampilkan gambar
type rumah
Ya
(44)
3.4 Perancangan Database
Database
merupakan kumpulan dari data yang saling berhubungan satu dengan yang
lainnya, tersimpan di tempat penyimpanan luar komputer dan digunakan perangkat
lunak tertentu untuk memanipulasinya.
Database
merupakan salah satu komponen
yang penting dalam sistem informasi, karena berfungsi sebagai basis penyedia
informasi bagi para pemakainya. Berikut ini rancangan
table
yang penulis gunakan
dalam membangun sistem informasi :
Nama Database: Perumahan
1. Tabel Login
Table 3.3 Tabel Login
Field
Type
Length/Values
Description
Username
Varchar
15
ID Admin
Password
Varchar
225
Password admin
2. Tabel Perumahan
Table 3.4 Tabel Perumahan
Field
Type
Length/Values
Description
Id perumahan
Tinyint
2
ID perumahan
Perumahan
Varchar
150
Nama perumahan
(45)
3. Tabel Spesifikasi
Table 3.5 Tabel Spesifikasi
Field
Type
Length/Values
Descriptiom
Id spesifikasi
Tinyint
4
Id spesifikasi
Id_perumahan
Tinyint
2
Id spesifikasi rumah
sfesifikasi
Varchar
50
Ket spesifikasi
Keterangan
Varchar
100
Ket rumah
4. Tabel type
Table 3.6 Tabel Type
Field
Type
Length/Values
Description
Id_type
Tinyint
3
Id type rumah
Id_perumahan
Tinyint
2
Id perumahan
Type
Varchar
15
Nama type
Luas
Varchar
20
Luas type rumah
Gambar_tipe
Varchar
255
Gambar type rumah
Denah_tipe
Varchar
255
Gambar denah rumah
Harga
Varchar
30
Harga rumah
(46)
3.5 Perancangan Alogaritma
Algoritma adalah urutan langkah-langkah berhingga untuk memecahkan masalah
logika atau matematikan.
3.5.1 Alogaritma Menu Utama
Langkah 1 :
Aktifkan Local server seperti MYSQL atau Appserv, kemudian
aktifkan
browser
Mozilla firefox
atau
google chrome
dan ketikkan
Localhost/TA-Bairuni pada address bar
browser
tersebut.
Langkah 2 :
Muncul tampilan index atau halaman utama berupa menu-menu yang
telah disediakan dan update dari perumahan terbaru, untuk melihat
rumah yang dijual dapat langsung memilih gambar dari update
perumahan terbaru yang ada di halaman utama.
Langkah 3 :
Untuk melihat perumahan secara keseluruhan dapat memilih menu
perumahan, lalu akan masuk kedalam galeri perumahan kemudian
pilihlah perumahan yang ingin dilihat lalu pilih gambar rumah yang
ingin kita lihat.
Langkah 4 :
Untuk melihat promo yang ditawarkan dari pihak developer kita dapat
memilih menu promo, maka akan ditampilkan promo-promo yang
ditawarkan dari pihak developer.
Langkah 5 :
Untuk mengetahui cara pembelian dari rumah yang anda inginkan anda
dapat memilih menu cara pembayaran disini akan ditampilkan cara
pembayaran langsung tunai (Lunas) atau pun melalui kredit.
(47)
Langkah 6 :
Untuk mengetahui syarat-syarat kredit yang perlu anda sediakan untuk
mengajukan kredit anda dapat memilih menu syarat kredit maka akan
ditampilkan syarat-syarat yang harus anda sediakan untuk mengajukan
kredit pembelian rumah kami.
Langkah 7 :
Untuk memperoleh informasi lebih lanjut atau ada hal yang ingin anda
ketahui lebih rinci anda dapat memilih menu contact us, akan
ditampilkan alamat kantor, email, dan nomor telpon yang dapat
dihubungi.
Langkah 8 :
Selesai
3.5.2 Alogaritma Menu Administrator
Langkah 1 :
Aktifkan Local server seperti MYSQL atau Appserv, kemudian
aktifkan
browser
Mozilla firefox
atau
google chrome
dan ketikkan
Localhost/TA-Bairuni/Admin pada address bar
browser
tersebut.
Langkah 2 :
Masukkan ID dan
Password
admin yang telah terdaftar didalam web
tersebut, maka dengan
otomatis
akan masuk kedalam galeri perumahan
untuk melakukan penambahan perumahan dapat dilakukan dengan
memilih “tampah perumahan” maka akan langsung tersedia
form
baru
untuk nama perumahan.
Langkah 3 :
Untuk melakukan pengubahan data ataupun menghapus data dari
perumahan, maka dapat dilakukan dengan memilih tombol
update
ataupun hapus yang ada di samping dari nama perumahan tersebut,
ketika menghapus perumahan maka dengan sendirinya akan
(48)
menghapus semua
type-type
rumah yang ada didalam perumahan
tersebut.
Langkah 4 :
Untuk melakukan penambahan dari tipe rumah yang ada disebuah
perumahan maka anda harus memilih perumahan yang ingin anda
tambahkan tipe rumah barunya lalu anda pilih “tambah
type
” lalu akan
tersedia
form
untuk tipe rumah yang baru.
Langkah 5 :
Untuk melakukan pengubahan data atau penghapusan data dari tipe
rumah, maka anda dapat memilih tombol tombol yang tersedia di
samping nama tipe rumah tersebut.
Langkah 6 :
Untuk melihat tipe rumah secara keseluruhan dari semua perumahan
anda dapat memilih “lihat semua
type
” maka akan ditampilkan semua
perumahan beserta tipe-tipe rumah yang tersedia di perumahan
tersebut, dan ditampilan keseluruhan tipe rumah ini anda juga dapat
melakukan pengubahan data dan penghapusan data tipe rumah dengan
memilih tombol yang ada disamping ujung dari nama tipe rumah
tersebut.
Langkah 7 :
Setelah selesai melakukan pengolahan atau pengubahan data pada web
ini, maka anda dapat keluar dengan cara memilih menu “
log out
” yang
ada disudut kanan atas.
Langkah 8 :
Selesai
(49)
BAB 4
IMPLEMENTASI SISTEM
4.1 PengertianImplementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan
dalam menyelesaikan desain sistem yang telah disetujui, menguji, dan memula sistem
baru yang telah disempurnakan.
4.2 TujuanImplementasi
Adapun tujuan
–
tujuan dari implementasi sistem,yaitu :
1.
Mengkaji rangkaian system baik dari segi
software
maupun
hard ware
sebagai
sarana pengolah data dan penyaji informasi.
2.
Menyelesaikan rancangan system yang ada dalam dokumen system yang baru
atau yang telah disetujui.
3.
Memastikan bahwa pemakai dapat mengoperasikan dengan mudah terhadap
sistem yang baru dan mendapat informasi yang baik dan jelas.
4.
Memperhitungkan bahwa system telah memenuhi permintaan pemakai yaitu
dengan menguji sistem secara menyeluruh.
5.
Memastikan bahwa system telah berjalan lancer dengan mengontrol dan
melalukan instalasi secara benar.
(50)
4.3KomponenDalamImplementasiSistem
Agar perancangan system yang telah kita kerjakan dapat berjalan baik atau
tidak, maka perlu dilakukan pengujian terhadap system yang telah dikerjakan. Untuk
itu dibutuhkanbeberapa komponen utama yang mencakup perangkat keras (
hardware
),
perangkatlunak (
software
), dan perangkat operator (
brainware
).
4.3.1KebutuhanPerangkatKeras (Hardware)
Perangkat keras
(hardware)
merupakan komponen
–
komponen peralatan yang
membentuk suatu system computer dan peralatan
–
peralatan tambahan lainnya yang
mungkin computer menjalankan tugasnya sesuai dengan yang diberikan. Komponen
ini bersifat nyata secara fisik, artinya dapat dilihat dan dipergunakan, misalnya
monitor, CPU
(CentralProcessingUnit), printer
,
keyboard
, dan
mouse
.
Spesifikasi perangkat keras computer yang digunakan dalam pembuatan
web
site
ini adalah:
1.
Personal Computer
dengan
Processor
min
Intel Pentium 3
.
2.
Memory
min 256 MB.
3.
Monitor
14”
resolution 1024x768.
4.
Hardisk
sebagai media penyimpan.
5.
DVDR/W.
4.3.2KebutuhanPerangkatLunak(Software)
Hardware
tidak dapat menyelesaikan masalah tanpa adanya
software
.
Software
merupakan komponen didalam system data berupa program atau instruksi untuk
mengontrol suatu sistem. Perangkat lunak yang diperlukan untuk menjalankan
(51)
perangkat kerasnya adalah:
1.
Windows Vista Basic
2.
Apache
3.
MySQL
4.
Browser
(
google chrome
)
5.
Macromedia Dreamweaver 8 / Adobe Dreamweaver CS 3
6.
Appserv 2.2.5
7.
Photoshop CS5
4.3.3KebutuhanBrainware
Perangkat Operator
(Brainware)
yang dapat menjalankan
web site
ini yaitu:
Administrator
, dan Pegawai.
4.4TampilanHalamanWebsite
Untuk menjalankan sistem guna
web browser
pada pengujian ini penulis
menggunakan
web browse
r Mozilla Firefox dan Google Chrome.
(52)
4.4.1 Tampilan Halaman Utama
Halaman ini halaman pertama yang dilihat ketika membuka web ini
Gambar 4.1 Halaman Utama
4.4.2 TampilanHalamanPerumahan
Halaman menu Perumahan adalah halaman yang berisi tentang perumahans yang telah
dikembangkan atau masih dalam proses pembangunan dari BAI-Developer dan
didalamnya juga ada galeri tipe rumah dari tiap perumahan.
(1)
</div>
<ul id="scroller">
<li><img src="images/banner/1.jpg" width="400" height="250"></li> <li><img src="images/banner/2.jpg" width="400" height="250"></li> <li><img src="images/banner/3.jpg" width="400" height="250"></li> <li><img src="images/banner/4.jpg" width="400" height="250"></li> <li><img src="images/banner/5.jpg" width="400" height="250"></li> <li><img src="images/banner/6.jpg" width="400" height="250"></li> </ul>
<div id="lengkungan-kiri">
<!--<img src="images/background/lengkung-kiri.png" width="307" height="50">--> <?
if ($_SESSION['validasi'] == TRUE) {
echo "<div id=login>";
echo "<p class=login>", "Selamat Datang ", $_SESSION['usernama'], "</p>";
echo "</div>"; }
?> </div>
<div id="lengkungan-tengah">
<img src="images/background/lengkung-tengah.png" width="286" height="50"> </div>
<div id="sambung-kanan">
<img src="images/background/sambungan-kanan.png" width="41" height="50"> </div>
<div id="lengkungan-kanan">
<img src="images/background/lengkung-kanan.png" width="266" height="50"> </div>
<div id="soc-med"> <ul>
<li><a href="http://www.facebook.com/BaiDeveloper"><img src="images/icon/fb.png" width="42" height="44"></a></li>
<li><a href="http://www.twitter.com"><img src="images/icon/tw.png" width="42" height="44"></a></li>
<li><a href="http://plus.google.com"><img src="images/icon/gg.png" width="42" height="44"></a></li>
</ul> </div>
<!-- InstanceBeginEditable name="content" --> <div id="wrapper2">
<div id="box5">
<h3>UPDATE TYPE PERUMAHAN</h3> <?
$per = $_GET['per']; $id_type = $_GET['type'];
echo "<form action=up-type.php method=post enctype=multipart/form-data>";
(2)
echo "<table border=0 width=65% class=tam-per>"; $hasil_type = mysql_query("SELECT * FROM type WHERE id_type='$id_type'", $koneksi) or die (mysql_error());
while($baris_type = mysql_fetch_array($hasil_type))
{
echo "<tr>"; echo "<td width=10%>Perumahan</td>";
echo "<td width=1%>:</td>"; echo "<td width=30%>", "<select name=per class=form-per>", "<option value=0>----</option>\n";
$hasil_perumahan = mysql_query("SELECT id_perumahan, perumahan FROM perumahan", $koneksi);
while($baris_perumahan = mysql_fetch_array($hasil_perumahan))
{
echo "<option
value=$baris_perumahan[id_perumahan]>".$baris_perumahan['perumahan']."</option>\n"; }
echo"</select>*</td>"; echo "</tr>";
echo "<tr>"; echo "<td width=10%>Type</td>";
echo "<td width=1%>:</td>"; echo "<td width=30%>", "<input type=text name=type value=$baris_type[type] size=25 class=form-per>", "</td>";
echo "</tr>"; echo "<tr>";
echo "<td width=10%>Luas</td>";
echo "<td width=1%>:</td>"; echo "<td width=30%>", "<input type=text name=luas value=$baris_type[luas] size=25 class=form-per>", "</td>";
echo "</tr>"; echo "<tr>";
echo "<td width=10%>Gambar</td>";
echo "<td width=1%>:</td>"; echo "<td width=10% align=center><img src=foto/$baris_type[gambar_tipe] width=150px height=60px></td>";
echo "<td width=30%>", "<input type=file name=gambar size=25 class=form-per>", "</td>";
echo "</tr>"; echo "<tr>";
echo "<td width=10%>Denah</td>";
(3)
echo "<td width=10% align=center><img src=foto/$baris_type[denah_tipe] width=150px height=60px></td>";
echo "<td width=30%>", "<input type=file name=denah size=25 class=form-per>", "</td>";
echo "</tr>"; echo "<tr>";
echo "<td width=10%>Harga</td>";
echo "<td width=1%>:</td>"; echo "<td width=30%>", "<input type=text name=harga value=$baris_type[harga] size=22 class=form-per>*", "</td>";
echo "</tr>"; echo "<tr>";
echo "<td width=10%></td>"; echo "<td width=1%><input type=hidden name=per value='$per'><input type=hidden name=id_type
value='$id_type'></td>";
echo "<td width=30%
style=padding-left: align=left>", "<input type=submit value=Update name=update>", "<input type=submit value=Cancel name=cancel>", "</td>";
echo "</tr>"; }
echo "</table>"; echo "</form>"; ?>
<table border="0" class="perumahan"> <tr>
<td align="center"><a href=echo"form-tam-type.php?per=<? echo $per; ?>" class="perumahan"><img src="images/icon/tambah2.png"></a></td>
<td><a href="form-tam-type.php?per=<? echo $per; ?>" class="perumahan">Tambah Type</a></td>
</tr> <tr>
<td align="center"><a href="type-per.php" class="perumahan"><img src="images/icon/type.png"></a></td>
<td><a href="type-per.php" class="perumahan">Lihat Semua Type</a></td> </tr>
<tr>
<td align="center"><a href="admin.php" class="perumahan"><img src="images/icon/home2.png"></a></td>
<td><a href="admin.php" class="perumahan">Lihat Perumahan</a></td> </tr>
</table>
</div><!-- end box5 --> </div><!-- end wrapper2 --> <!-- InstanceEndEditable --> <div id="footer">
(4)
<ul>
<li><a href="index.php">HOME</a></li>
<li><a href="perumahan.php">PERUMAHAN</a></li> <li><a href="promo.php">PROMO</a></li>
<li><a href="pembayaran.php">CARA PEMBAYARAN</a></li> <li><a href="syarat-kredit.php">SYARAT KREDIT</a></li> <li><a href="contact.php">CONTACT US</a></li> </ul>
</div><!-- end footer-hue --> <div id="footer-putih">
<img src="images/background/footer-putih.png" width="673" height="53"> </div><!-- end footertu -->
</div><!-- end footer --> </div><!-- end outer -->
</body>
<!-- InstanceEnd --></html>
23.
Up-per.PHP
<?
require "koneksi.php"; $per = $_POST['per'];
$perumahan = $_POST['perumahan']; $lokasi = $_POST['lokasi'];
$query = mysql_query("UPDATE perumahan set perumahan='$perumahan', lokasi='$lokasi' WHERE id_perumahan='$per'", $koneksi);
$alamat=$domain."/admin.php"; header("Location: $alamat"); exit();
?>
24.
Up-type.PHP
<?
require "koneksi.php"; $per= $_POST['per'];
(5)
if($_POST['update']) {
$type = $_POST['type']; $luas = $_POST['luas']; $harga = $_POST['harga'];
$hasil_type = mysql_query("SELECT * FROM type WHERE id_type='$id_type'", $koneksi);
$baris_type = mysql_fetch_array($hasil_type); $waktu = date ('Ymdhis');
$gambar = $_FILES['gambar']['tmp_name']; $gambar_nama = $_FILES['gambar']['name']; if (empty($gambar))
$nama_gambar = $baris_type["gambar_tipe"]; else
{
$tipe_gambar = strstr($gambar_nama, ".");
$nama_gambar = "gambar_".$waktu.$tipe_gambar; move_uploaded_file($gambar, "foto/".$nama_gambar); if(!empty($baris_type['gambar_tipe']))
if(file_exists("foto/".$baris_type['gambar_tipe'])) unlink("foto/".$baris_type['gambar_tipe']); }
if (empty($denah))
$nama_denah = $baris_type["denah_tipe"]; else
{
$denah = $_FILES['denah']['tmp_name']; $denah_nama = $_FILES['denah']['name']; $tipe_denah = strstr($denah_nama, "."); $nama_denah = "denah_".$waktu.$tipe_denah; move_uploaded_file($denah, "foto/".$nama_denah); if(!empty($baris_type['denah_tipe']))
if(file_exists("foto/".$baris_type['denah_tipe'])) unlink("foto/".$baris_type['denah_tipe']); }
$query = mysql_query("UPDATE type set type='$type', luas='$luas', gambar_tipe='$nama_gambar', denah_tipe='$nama_denah', harga='$harga' WHERE id_type='$id_type'", $koneksi);
(6)
$alamat=$domain."/type-per.php?per=$per&type=$id_type"; header("Location: $alamat");
exit(); ?>