INFO KOST ONLINE TERINTEGRASI TUGAS AKHIR

advertisement
perpustakaan.uns.ac.id
digilib.uns.ac.id
INFO KOST ONLINE TERINTEGRASI
TUGAS AKHIR
Diajukan Untuk Memenuhi Salah Satu Syarat Menempuh Gelar Ahli Madya
Program Diploma III Teknik Informatika
Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Sebelas Maret
Diajukan oleh :
ANDITA SUSANTI PUTRI
M3209008
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
2012
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
HALAMAN PERSETUJUAN
INFO KOST ONLINE TERINTEGRASI
Disusun Oleh :
ANDITA SUSANTI PUTRI
M3209008
Tugas akhir ini telah disetujui untuk dipertahankan di hadapan dewan penguji
Pada tanggal
Pembimbing
Mohtar Yunianto, S.Si, M.Si
NIP. 19800630 200501 1 001
commit to user
ii
perpustakaan.uns.ac.id
digilib.uns.ac.id
HALAMAN PENGESAHAN
INFO KOST ONLINE TERINTEGRASI
Disusun Oleh :
ANDITA SUSANTI PUTRI
NIM. M3209008
Dibimbing oleh
Pembimbing Utama
Mohtar Yunianto, M.Si
NIP. 19800630 200501 1 001
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir
Program Diploma III Teknik Informatika pada hari
Dosen Penguji
1. Penguji 1
Mohtar Yunianto, M.Si
NIP. 19800630 200501 1 001
Rudi Hartono, S. Si
NIDN. 0626128402
2. Penguji 2
Muhammad A. Safi’ie, S.Si
NIP. 0603118103
3. Penguji 3
(
)
(
)
(
)
Disahkan oleh
Dekan
Ketua Program Studi
Fakultas MIPA UNS
DIII Teknik Informatika
commit to user
Prof.Ir. Ari Handono Ramelan M, Sc(Hons). Ph.D
Drs. YS. Palgunadi, M.Sc
iii
NIP. 1961 0 223 198601 1 001
NIP. 19560407 198303 1 004
perpustakaan.uns.ac.id
digilib.uns.ac.id
ABSTRACT
Andita Susanti Putri. 2012. Integrated-Online Boarding House
Information, Program DIII Teknik Informatika, Fakultas Matematika dan Ilmu
Pengetahuan Alam, Universitas Sebelas Maret Surakarta.
Searching of boarding house traditionally which is by visiting them one by
one is very inefficient. It wastes the time. Nowadays, Informational technology
progress can change that traditional way with the modern one by using a website.
The website can be accessed by everybody.
Integrated-Online Boarding House Information is a website that provides
information, boarding house ordering service, and boarding house offer. The
information contains of the information of boarding houses which are available in
some cities that have state universities and a trading and industry city. Boarding
house ordering can be made through this website as well. Integrated-Online
Boarding House Information gives a chance for boarding house owners to offer
boarding houses which are available around Java Island. By using it, the owner
and the costumer can interact when there is an ordering so they do not need to
meet each other face to face. The program was developed by PHP and CSS,
database was managed by PhpMyAdmin. The steps to developed the system were
included creating context diagram, DFD, and ERD.
Integrated-Online Boarding House Information is a website which has
benefit that is giving Boarding House Information for public and it is also a
medium for offering boarding houses.
Keywords: PHP, CSS, boarding house, order, PhpMyAdmin, website.
commit to user
iv
perpustakaan.uns.ac.id
digilib.uns.ac.id
ABSTRAK
Andita Susanti Putri. 2012. Info Kost Online Terintegrasi, Program DIII
Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam,
Universitas Sebelas Maret Surakarta.
Pencarian kost tradisional dengan mendatangi satu per satu rumah kost
sangat tidak efisien. Banyak waktu yang akan terbuang sia-sia. Kemajuan
teknologi informasi saat ini dapat mengubah cara tradisonal tersebut melalui
sebuah website. Website ini akan dapat diakses oleh siapa saja yang mencari kost.
Info Kost Online Terintegrasi merupakan website yang memberikan
informasi, layanan pemesanan kost, dan penawaran kost. Informasi yang ada
meliputi info tentang kost di beberapa kota yang memiliki perguruan tinggi negeri
dan satu kota dagang dan industri. Selain itu website ini dapat melayani
pemesanan kost. Info Kost Online Terintegrasi memberikan kesempatan bagi
pemilik kost untuk menawarkan kost yang ada di kota di sekitar Pulau Jawa.
Dengan ini pemilik kost dan pemesan dapat saling berinteraksi dalam proses
pemesanan sehingga tidak perlu saling bertemu langsung. Program ini dibangun
menggunakan PHP dan CSS dan database diatur oleh PhpMyAdmin. Tahapan
yang membangun sistem ini meliputi pembuatan diagram konteks, DFD, dan,
ERD.
Info Kost Online Terintegrasi merupakan website yang memiliki manfaat
untuk memberikan info mengenai kos kepada masyarakat serta sarana untuk
menawarkan kos yang dimiliki.
Kata Kunci : PHP,CSS, Kost, Pesan, PhpMyAdmin, website.
commit to user
v
perpustakaan.uns.ac.id
digilib.uns.ac.id
MOTTO
“ Musuh terbesar dalam hidup adalah dirimu sendiri ”
(Muhammad SAW)
“ Keberhasilan tidak akan tercapai tanpa usaha dan kerja keras “
“ 3L- Live, Love, and Laugh “
commit to user
vi
perpustakaan.uns.ac.id
digilib.uns.ac.id
HALAMAN PERSEMBAHAN
Tugas Akhir ini kupersembahkan untuk :
 Kedua orang tuaku yang selalu memberi doa dan dukungan yang tiada tara
 Mita Rachmanti dan Alzena yang membuatku semangat untuk menyelesaikan tugas
akhir ini
 Effendi Dwi Cahyo terima kasih atas cinta, kasih sayang, dan doa untukku
 Teman – temanku khususnya Teknik Informatika 2009, terima kasih atas
persahabatan yang hangat selama ini
 Teman – teman kost kiky, terima kasih atas doa dan dukungannya.
commit to user
vii
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
viii
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR ISI
Halaman
HALAMAN JUDUL ...............................................................................
i
HALAMAN PERSETUJUAN ................................................................
ii
HALAMAN PENGESAHAN .................................................................
iii
ABSTRACT .............................................................................................
iv
ABSTRAK................................................................................................
v
MOTTO ....................................................................................................
vi
HALAMAN PERSEMBAHAN ..............................................................
vii
KATA PENGANTAR ..............................................................................
viii
DAFTAR ISI .............................................................................................
x
DAFTAR TABEL .....................................................................................
xiii
DAFTAR GAMBAR ................................................................................
xiv
BAB I PENDAHULUAN ........................................................................
1
1.1 Latar Belakang ..............................................................................
1.2 Perumusan Masalah ......................................................................
1.3 Batasan Masalah ...........................................................................
1.4 Tujuan dan Manfaat ......................................................................
1.4.1 Tujuan ...............................................................................
1.4.2 Manfaat .............................................................................
1.5 Metodologi Penelitian ...................................................................
1.5.1 Observasi Lapangan ..........................................................
1.5.2 Pengumpulan Data ............................................................
1.5.3 Analisis Sistem ..................................................................
1.5.4 Perancangan Basis Data ....................................................
1.5.5 Perancangan Interface .......................................................
1.5.6 Perancangan Program Aplikasi .........................................
1.5.7 Implementasi dan Evaluasi Sistem ....................................
1.5.8 Sistematika Penulisan
........................................................
commit
to user
ix
1
2
2
3
3
3
3
3
3
4
4
4
4
4
4
perpustakaan.uns.ac.id
digilib.uns.ac.id
BAB II LANDASAN TEORI ...................................................................
6
2.1 Konsep Dasar Sistem dan Informasi ..............................................
2.1.1 Definisi Sistem dan Informasi ............................................
2.1.2 Definisi Sistem Informasi ...................................................
2.1.3 Komponen Sistem Informasi ..............................................
2.2 Desain Sistem .................................................................................
2.2.1 Context Diagram ................................................................
2.2.2 Data Flow Diagram ............................................................
2.3 Desain Basis Data ...........................................................................
2.3.1 Basis Data ...........................................................................
2.3.2 Database .............................................................................
2.3.3 Manajemen Sistem Basis Data ...........................................
2.3.4 Entity Relationship Diagram ..............................................
2.4 PHP .................................................................................................
2.5 CSS .................................................................................................
2.6 Mengenal phpMyAdmin ................................................................
2.7 Adobe Dreamweaver CS5 ..............................................................
6
6
6
6
8
8
8
9
9
10
10
10
12
12
12
13
BAB III DESAIN DAN PERANCANGAN SISTEM ...............................
3.1 Analisis Kebutuhan Sistem ............................................................
3.2 Perancangan Sistem .......................................................................
3.2.1 Context Diagram ................................................................
3.2.2 Data Flow Diagram ............................................................
3.2.2.1 DFD Level 0 .................................................................
3.2.2.2 DFD Level 1 proses 5 ...................................................
3.2.2.3 DFD Level 1 proses 7 ...................................................
3.3 Perancangan Database ....................................................................
3.3.1 Entity Relationship Diagram ..............................................
3.3.2 Skema Diagram ..................................................................
3.3.3 Struktur Tabel Data ............................................................
3.3.3.1 Tabel admin ..................................................................
3.3.3.2 Tabel User ....................................................................
3.3.3.3 Tabel Kost ....................................................................
3.3.3.4 Tabel Pemesanan ..........................................................
3.4 Desain Tampilan dan Sistem ..........................................................
3.4.1 Desain Layout halaman home Pengunjung ........................
3.4.2 Desain layout halaman pemesan ........................................
3.4.3 Desain layout halaman pemilik kost ...................................
3.4.4 Desain layout halaman
admin
.............................................
commit
to user
14
14
14
15
16
16
18
18
19
19
20
20
20
21
21
22
23
23
24
25
26
x
perpustakaan.uns.ac.id
digilib.uns.ac.id
BAB IV IMPLEMENTASI DAN EVALUASI ......................................... 27
4.1 Implementasi Interface ................................................................... 27
4.1.1
Implementasi Halaman Pengunjung ................................... 27
4.1.1.1 Halaman Home ............................................................ 27
4.1.1.2 Halaman Kategori ........................................................ 28
4.1.1.3 Halaman Registrasi ...................................................... 28
4.1.1.4 Halaman Login ............................................................. 29
4.1.2
Implementasi Halaman Pemesan ......................................... 30
4.1.2.1 Halaman Home ............................................................. 30
4.1.2.2 Halaman Kategori ......................................................... 30
4.1.2.3 Halaman pesan kamar kost ........................................... 31
4.1.2.4 Implementasi peta ........................................................ 32
4.1.3 Implementasi Halaman Pemilik .......................................... 33
4.1.3.1 Halaman Home Pemilik ............................................... 33
4.1.3.2 Halaman Tambah Kost ................................................. 34
4.1.3.3 Halaman registrasi pemilik ........................................... 35
4.1.4
Implementasi halaman admin .............................................. 36
4.1.4.1 Halaman home admin ................................................... 36
4.1.4.2 Halaman daftar user ...................................................... 37
4.2 Uji Coba Sistem .............................................................................. 38
4.3 Evaluasi Perangkat Lunak ............................................................... 38
4.3.1
Kelebihan perangkat lunak .................................................. 38
4.3.2
Kekurangan perangkat lunak ............................................... 38
BAB V PENUTUP ...................................................................................... 39
5.1 Kesimpulan ...................................................................................... 39
5.2 Saran ................................................................................................ 39
DAFTAR PUSTAKA ................................................................................. 40
LAMPIRAN ............................................................................................... 41
commit to user
xi
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR TABEL
Tabel 3.1 Tabel Admin ......................................................................................... 21
Tabel 3.2 Tabel User ............................................................................................
21
Tabel 3.3 Tabel Kost ............................................................................................
22
Tabel 3.4 Tabel Pemesanan .................................................................................
22
commit to user
xii
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR GAMBAR
Gambar 2.1 Contoh entity luar ................................................................... 9
Gambar 2.2 Simbol aliran data ................................................................... 9
Gambar 2.3 Simbol proses .......................................................................... 9
Gambar 2.4 Simbol berkas .......................................................................... 9
Gambar 2.5 One to one ............................................................................... 11
Gambar 2.6 One to many ............................................................................ 11
Gambar 2.7 Many to many .......................................................................... 11
Gambar 3.1 Context Diagram ..................................................................... 15
Gambar 3.2 DFD Level 0 ............................................................................ 17
Gambar 3.3 DFD Level 1 proses 5 ............................................................. 18
Gambar 3.4 DFD Level 1 proses 7 ............................................................. 18
Gambar 3.5 ERD ........................................................................................ 19
Gambar 3.6 Skema Diagram ...................................................................... 20
Gambar 3.7 Interface Pengunjung ............................................................. 23
Gambar 3.8 Interface Pemesan .................................................................. 24
Gambar 3.9 Interface Pemilik kost ............................................................ 25
Gambar 3.10 Interface admin .................................................................... 26
Gambar 4.1 Halaman Home ...................................................................... 27
Gambar 4.2 Halaman kategori ..................................................................
commit to user
xiii
28
perpustakaan.uns.ac.id
digilib.uns.ac.id
Gambar 4.3 Halaman registrasi .................................................................
29
Gambar 4.4 Halaman Login ......................................................................
29
Gambar 4.5 Halaman Home Pemesan ....................................................... 30
Gambar 4.6 Halaman kategori pemesan .................................................... 31
Gambar 4.7 Halaman Pesan Kamar Kost ................................................... 32
Gambar 4.8 Notifikasi ................................................................................ 32
Gambar 4.9 Lihat Lokasi ............................................................................ 33
Gambar 4.10 Peta ....................................................................................... 33
Gambar 4.11 Halaman home pemilik ........................................................ 34
Gambar 4.12 Halaman tambah kost ........................................................... 35
Gambar 4.13 Halaman registrasi pemilik ................................................... 36
Gambar 4.14 Halaman home admin ........................................................... 37
Gambar 4.15 Halaman daftar user .............................................................. 37
commit to user
xiv
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
xv
perpustakaan.uns.ac.id
digilib.uns.ac.id
BAB I
PENDAHULUAN
1.1 Latar Belakang
Perkembangan teknologi dewasa ini sangatlah pesat. Saat ini teknologi sudah
merambah ke segala bidang. Semua aktifitas manusia di dunia ini menggunakan
penerapan teknologi. Adanya teknologi pekerjaan manusia akan dapat
terselesaikan dengan mudah dan cepat. Sehingga dapat menghemat penggunaan
waktu, tenaga, dan uang. Perkembangan teknologi yang sedang banyak
dibicarakan saat ini adalah teknologi internet. Teknologi internet saat ini telah
mengalami perkembangan yang sangat pesat. Melalui internet kita dapat
mengetahui informasi-informasi terbaru dari berbagai belahan dunia. Kemajuan
teknologi inilah yang membuat bidang perdagangan dan penyewaan menerapkan
internet sebagai sarana perdagangan online. Transaksi jual beli secara online.
Hal ini membawa kita dalam budaya baru dalam melakukan transaksi yang tidak
lagi konvensional dengan bertemu langsung antara penjual dan pembeli
melainkan membawa kita ke dalam transaksi dunia maya yang antara penjual
dan pembeli tidak perlu bertemu langsung. Kegiatan ini berdampak terhadap
efektivitas dan efisiensi transaksi dan memberi citra pada suatu produk yang
ditawarkan.
Di lain pihak kebutuhan masyarakat yang begitu beragam saat ini harus
dipenuhi. Salah satu kebutuhan masyarakat itu adalah kebutuhan akan sebuah
informasi tempat kost. Informasi tersebut diperlukan oleh masyarakat untuk
mendapatkan tempat tinggal sementara di suatu kota tujuan yang sesuai dengan
keinginan. Cara untuk mendapatkan sebuah informasi kost tersebut, yaitu
melalui media informasi. Media informasi itu dapat dibagi menjadi dua yaitu
media cetak dan media elektronik. Media cetak contohnya adalah surat kabar
atau koran, majalah, hingga tabloid. Media elektronik contohnya televisi dan
internet.
commit to user
1
2
digilib.uns.ac.id
perpustakaan.uns.ac.id
Website merupakan media yang dapat memberikan informasi kepada
masyarakat secara cepat , murah dan mudah melalui media elektronik yaitu
internet. Biaya yang murah, kemudahan akses dan efisiensi menjadi alasan
semakin luasnya penggunaan website. Kebutuhan akan sebuah informasi kost
dapat dicari melalui website. Selain itu lewat website juga para pemilik kost
dapat menawarkan kost-nya.
Informasi kost yang ada di dalam website tersebut dapat memberikan
gambaran dengan jelas keadaan asli rumah kost tersebut. Karena para pemilik
kost mendeskripsikan kelebihan dan fasilitas kost secara mendetail di dalam
website tersebut sehingga masyarakat yang mencari kost mendapatkan pilihan
kost yang beragam. Oleh karena itu untuk memecahkan masalah tersebut,
dibuatlah suatu pembuatan website info kost menggunakan css dan php.
1.2 Rumusan Masalah
Dengan adanya sistem informasi rumah kost ini dapat dibuat rumusan
masalahnya yaitu bagaimana masyarakat dapat memperoleh informasi mengenai
rumah kost yang sesuai keinginan. Informasi-informasi tersebut meliputi letak
dan daerah tempat kost, fasilitas apa saja yang akan didapatkan, berapa kamar
yang masih kosong, harga kamar kost-nya sekaligus dapat memesan kamar kost
tersebut.
1.3 Batasan Masalah
Pembuatan info kost online berfokus pada penyelesaian masalah yang ingin
dicapai, maka penulis memberikan batasan masalah bahwa info kost online ini
menginformasikan bagi masyarakat yang membutuhkan kost. Dalam sistem ini
pemilik dapat memasukkan data dirinya dan kost-nya. Pelanggan dapat
memasukkan data dirinya, mencari dan melihat informasi kost, serta melakukan
pemesanan. Pengunjung dapat mencari informasi kost dan mendaftar menjadi
pelanggan.
commit to user
3
digilib.uns.ac.id
perpustakaan.uns.ac.id
1.4 Tujuan dan Manfaat
1.4.1 Tujuan
Tujuan dari penelitian ini adalah untuk membuat website info kost online
yang terintegrasi menggunakan css dan php
1.4.2 Manfaat
Manfaat dari pembuatan website ini adalah membantu memberikan informasi
tentang kost. Informasi tersebut meliputi letak dan daerah tempat kost, fasilitas
apa saja yang akan didapatkan, berapa kamar yang masih kosong, harga kamar
kost-nya sekaligus dapat memesan kamar kost tersebut.
1.5 Metodologi Penelitian
1.5.1
Observasi Lapangan
Tahap observasi lapangan merupakan tahap paling awal dalam kegiatan
penelitian ini. Pada tahap ini dilakukan identifikasi kondisi dan permasalahan
yang terjadi pada sebuah lingkungan masyarakat yang membutuhkan kost dan
lingkungan rumah kost-kostan.
1.5.2
Pengumpulan Data
Dalam mengumpulkan data terdapat tiga metode yang dilakukan yaitu:
1) Observasi
Dengan melakukan pengamatan langsung di tempat pengumpulan data-data
yang dibutuhkan
2) Wawancara
Dengan melakukan Tanya jawab langsung dengan pemilik kost dan penghuni
kost serta masyarakat yang mencari rumah kost.
3) Studi Pustaka
Memperoleh informasi dan data yang dibutuhkan melalui referensi bacaan
yang dapat membantu dalam hal pengumpulan data.
4) Browsing
Browsing merupakan proses pencarian data dengan perantara koneksi
internet.
commit to user
perpustakaan.uns.ac.id
1.5.3
4
digilib.uns.ac.id
Analisis Sistem
Metode ini akan menguraikan sistem informasi yang utuh yang dibagi
menjadi beberapa komponen bagiannya.
1.5.4
Perancangan Basis Data
Pada tahap ini melakukan perancangan basis data. Perancangan basis data
adalah merancang database yang akan digunakan dalam program.
1.5.5
Perancangan Interface
Merancang interface ini meliputi perancangan input dan output
1.5.6
Perancangan Program Aplikasi
Perancangan program aplikasi ini adalah membuat interface dan penulisan
kode program sesuai sistem yang dirancang
1.5.7
Implementasi dan Evaluasi Sistem
Kegiatan memaparkan rancangan yang telah disusun untuk diwujudkan.
Tahapan ini meliputi pengkodean program dan deployment program. Tahap yang
terakhir adalah evaluasi sistem untuk menguji sistem sudah sesuai dengan alur
sistem keseluruhan.
1.6 Sistematika Penulisan
Laporan Tugas Akhir dengan judul Info Kost Online Terintegrasi ini
terdiri dari lima bab yaitu :
BAB 1 Pendahuluan
Pendahuluan yang berisi Latar Belakang, Rumusan Masalah, Batasan
Masalah, Tujuan dan Manfaat, Metodologi Penelitian, Sistematika Penulisan.
BAB II Landasan Teori
Landasan teori memuat tinjauan pustaka yang digunakan sebagai referensi
dalam pembuatan info kost online. Di dalam landasan teori ini penulis
commit
to user
membahas tentang definisi sistem
dan informasi,
sistem informasi, komponen
5
digilib.uns.ac.id
perpustakaan.uns.ac.id
sistem informasi, desain sistem, desain basis data, PHP, CSS, phpMyAdmin, dan
Adobe Dreamweaver CS5
BAB III Desain dan Perancangan Sistem
Analisis dan perancangan sistem memuat tentang kebutuhan dari sistem
yang dibuat beserta rancangan sistemnya.
BAB IV Implementasi dan Evaluasi
Implementasi memuat hasil analisa dan perancangan sistem berupa tabel
dan gambar beserta penjelasannya masing-masing.
BAB V Penutup
Penutup memuat kesimpulan dari hasil implementasi sistem dan saran
yang diperoleh dari kesimpulan tersebut.
commit to user
6
digilib.uns.ac.id
perpustakaan.uns.ac.id
BAB II
LANDASAN TEORI
2.1 Konsep Dasar Sistem Dan Informasi
2.1.1 Definisi Sistem dan Informasi
Suatu sistem adalah jaringan kerja dari prosedur-prosedur yang saling
berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau
menyelesaikan suatu sasaran tertentu. Suatu sistem yang baik harus
mempunyai tujuan dan sasaran yang tepat karena hal ini akan sangat
menentukan dalam mendefinisikan masukan yang dibutuhkan sistem dan juga
keluaran yang dihasilkan. (Kristanto, 2003) .
Informasi merupakan kumpulan data yang diolah menjadi bentuk yang
lebih berguna dan lebih berarti bagi yang menerima. Tanpa suatu informasi,
suatu sistem tidak akan berjalan dengan lancar dan akhirnya bisa mati.
(Kristanto, 2003).
2.1.2 Definisi Sistem Informasi
Sebuah sistem informasi merupakan kumpulan dari perangkat keras dan
perangkat lunak serta perangkat manusia yang akan mengolah data
menggunakan perangkat keras dan lunak tersebut. Selain itu data juga
memegang peranan penting dalam sistem informasi.
(Kristanto, 2003).
2.1.3 Komponen Sistem Informasi
Untuk mendukung lancarnya suatu sistem informasi dibutuhkan beberapa
komponen yang fungsinya sangat vital di dalam sistem informasi tersebut.
Komponen-komponen sistem informasi tersebut adalah sebagai berikut :
commit to user
7
digilib.uns.ac.id
perpustakaan.uns.ac.id
1) Input
Input adalah semua data yang dimasukkan ke dalam sistem
informasi. Dalam hal ini yang termasuk dalam input adalah dokumendokumen, formulir-formulir, dan file-file.
2) Proses
Proses merupakan kumpulan prosedur yang akan memanipulasi
input yang kemudian akan disimpan dalam bagian basis data dan
seterusnya akan diolah menjadi suatu output yang akan digunakan oleh
penerima.
3) Output
Output merupakan semua keluaran atau hasil dari model yang
sudah diolah menjadi suatu informasi yang berguna dan dapat dipakai
penerima. Komponen ini berhubungan langsung dengan pemakai sistem
informasi dan mreupakan tujuan akhir dari pembuatan sistem informasi.
4) Teknologi
Teknologi disini merupakan bagian yang berfungsi untuk
memasukkan input, mengolah input dan menghasilkan keluaran. Ada 3
bagian dalam teknologi ini yang meliputi perangkat keras, perangkat
lunak, dan perangkat manusia.
5) Basis Data
Basis
data
merupakan
kumpulan
data-data
yang
saling
berhubungan satu dengan yang lain yang disimpan dalam perangkat
keras komputer dan akan diolah menggunakan perangkat lunak.
6) Kendali
Kendali merupakan semua tindakan yang diambil untuk menjaga
sistem informasi tersebut agar bisa berjalan dengan lancar dan tidak
mengalami gangguan.
(Kristanto, 2003)
commit to user
8
digilib.uns.ac.id
perpustakaan.uns.ac.id
2.2 Desain Sistem
Desain sistem adalah suatu fase dimana diperlukan suatu keahlian
perencanaan untuk elemen-elemen komputer yang akan menggunakan sistem
baru. Ada beberapa alat bantu yang digunakan dalam desain sistem yaitu
DFD ( Data Flow Diagram ) dan Diagram Konteks ( Context Diagram ).
2.2.1 Context Diagram (Konteks Diagram)
Diagram konteks adalah sebuah diagram sederhana yang menggambarkan
hubungan antara entity luar, masukan dan keluaran dari sistem. Diagram
konteks direpresentasikan dengan lingkaran tunggal yang mewakili
keseluruhan dari sistem. (Kristanto, 2003)
2.2.2 Data Flow Diagram (DFD)
DFD adalah suatu model logika data atau proses yang dibuat untuk
menggambarkan darimana asal data dan kemana tujuan data yang keluar dari
sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut
dan interaksi antara data yang tersimpan dan proses yang dikenakan pada data
tersebut.
DFD menggambarkan penyimpanan data dan proses mengubah data. DFD
menunjukkan hubungan antara data pada sistem dan proses pada sistem.
(Kristanto, 2003)
Ada dua teknik dasar DFD yang umum dipakai yaitu Gane dan Sarson dan
Yourdan and De Marco. Dalam pembuatan perancangan DFD penulis
menggunakan Yourdan and de Marco yaitu :
1. Entity Luar
Entity luar digambarkan dengan simbol persegi biasa. Perhatikan
gambar berikut ini :
commit to user
9
digilib.uns.ac.id
perpustakaan.uns.ac.id
A
K
Agen
Konsumen
Gambar 2.1 Contoh entity luar
2. Aliran data
Menggambarkan aliran data dari satu proses ke proses lainnya. Adapun
symbol dari aliran data bentuk garisnya boleh bebas yaitu sebagai
berikut :
Gambar 2.2 Simbol aliran data
3. Proses
Proses atau fungsi yang mengubah data, secara umum digambarkan
dengan lingkaran. Seperti gambar berikut :
Gambar 2.3 Simbol proses
4. Berkas atau tempat penyimpanan
Merupakan komponen yang berfungsi untuk menyimpan data atau file.
Gambar 2.4 Simbol berkas
2.3 Desain Basis Data (Database)
2.3.1 Basis Data
Basis data adalah kumpulan data yang dapat digambarkan sebagai aktifitas
dari satu atau lebih organisasi yang berelasi.
commit to user
10
digilib.uns.ac.id
perpustakaan.uns.ac.id
2.3.2 Database
Kumpulan file-file yang mempunyai kaitan antara satu file dengan file
yang lain sehingga membentuk satu bangunan data untuk menginformasikan
suatu perusahaan, instansi dalam batasan tertentu. (Kristanto, 2002)
2.3.3 Manajemen Sistem Basis Data ( Database Management SystemDBMS)
DBMS merupakan kumpulan file yang saling berkaitan bersama dengan
program untuk pengelolaannya. Database adalah kumpulan datanya sedang
program pengelolanya berdiri sendiri dalam satu paket program yang komersial
untuk membaca data, mengisi data, menghapus data, dan melaporkan data
dalam database. (Kristanto, 2002)
DBMS adalah perangkat lunak yang didesain untuk membantu dalam hal
pemeliharaan dan utilitas kumpulan data dalam jumlah yang besar.
(Kristanto, 2003)
2.3.4 Entity Relationship Diagram ( ERD )
Pada Entity Relationship Diagram (ERD), gambaran dunia nyata
diistilahkan dalam objek dan relasinya. ERD biasanya digunakan untuk
mengembangkan inisial dari desain basis data. Dan menyediakan suatu konsep
yang bermanfaat yang dapat mengubah deskripsi informal dari apa yang
diinginkan user menjadi hal yang lebih detail, presisi, dan deskripsi detail
tersebut dapat diimplementasikan kedalam DBMS.
(Kristanto, 2003)
Relasi antara dua file atau dua tabel dapat dikategorikan menjadi 3 macam
yaitu sebagai berikut :
commit to user
11
digilib.uns.ac.id
perpustakaan.uns.ac.id
1. One to one
Hubungan antara file pertama dengan file kedua adalah satu berbanding
satu. Contohnya pengajar dengan siswa. Satu pengajar mengajar satu siswa
dan satu siswa diajar satu pengajar.
Pengajar
Siswa
Gambar 2.5 One to one
2. One to many
Hubungan antara file pertama dengan file kedua adalah satu berbanding
banyak atau dapat pula dibalik banyak berbanding satu. Contohnya satu
pengajar dapat mengajar banyak siswa.
Pengajar
Siswa
Gambar 2.6 One to many
3. Many to many
Hubungan antara file pertama dengan file kedua adalah banyak berbanding
banyak. Contohnya banyak pengajar mengajar banyak siswa atau
sebaliknya.
Pengajar
Siswa
Gambar 2.7 Many to many
(Kristanto, 2002)
commit to user
perpustakaan.uns.ac.id
12
digilib.uns.ac.id
2.4 PHP
PHP (PHP:Hypertext prepocessor) adalah sebuah bahasa pemrograman
yang berbentuk Scripting, sistem kerja dari program ini adalah sebagai
Interpreter bukan Compiler. Perbedaan Interpreter dan Compiler terletak pada
cara prosesnya yaitu jika Interpreter kode dasar akan dijalankan tanpa melalui
proses pengubahan ke dalam bentuk source code sehingga apabila program ada
kesalahan maka program tetap dijalankan sedangkan Compiler tidak, karena
mengalami pengubahan source code menjadi object code maka apabila
program ada kesalahan akan terjadi error. (Nugroho, 2004)
PHP dikenal sebagai bahasa pemrograman yang kodenya dijalankan di sisi
server. Dengan demikian kode aslinya tidak akan terlihat pada klien (browser).
PHP banyak digunakan dalam membuat aplikasi web diantaranya karena
dukungan pustaka yang lengkap dan mudah digunakan pada berbagai platform
( Windows, Mac, Linux, dan lain-lain). Kode PHP dapat dilekatkan pada kode
HTML dengan menggunakan tag <?php?> . Agar skrip PHP dapat diproses,
nama file harus berekstensi .php . Karena web server membedakan perlu
tidaknya mengirimkan ke mesin PHP berdasarkan ekstensi.
(Kadir, 2011)
2.5 CSS
Cascading Style Sheet (CSS) merupakan sebuah dokumen yang berguna
untuk melakukan pengaturan pada komponen halaman web, inti dari dokumen
ini adalah memformat halaman web standar menjadi bentuk web yang
memiliki kualitas yang lebih indah dan menarik. (Nugroho, 2004)
2.6 Mengenal phpMyAdmin
phpMyAdmin merupakan sebuah program bebas yang berbasis web yang
dibuat menggunakan aplikasi PHP, tujuan dibuatnya program ini adalah
untuk mengakses database MySQL, intinya adalah digunakan untuk menjadi
Administrator dari Server MySQL. (Nugroho, 2004)
commit to user
13
digilib.uns.ac.id
perpustakaan.uns.ac.id
2.7 Adobe Dreamweaver CS5
Saat ini Adobe Dreamweaver hadir dalam versi terbaru, yaitu Adobe
Dreamweaver CS5. Berbagai kemudahan, serta keandalan aneka fitur dan tool
yang terdapat dalam software ini sangat perlu Anda kuasai karena Anda dapat
makin berkreasi dan berinovasi dengan bebas terhadap sebuah website.
Melalui software ini, Anda akan mampu menghasilkan sebuah website yang
handal dalam waktu singkat.
Fitur baru yang makin handal untuk versi terbaru ini di antaranya adalah
Integrated CMS Support, CSS Inspection, PHP custom class code hinting,
dan site-specific code hinting.
Semua fitur baru tersebut semakin
memantapkan
Dreamweaver
pengguna
Adobe
CS5
untuk
semakin
mengeksplorasi dan mengeksploitasi ide kreasi pengolahan website mereka.
Buku disusun dengan bahasa yang ringan, praktis, dan berdasarkan kebutuhan
pengguna, menjadikan buku ini mudah dipahami dan dipraktikkan.
(Elcom, 2011).
commit to user
14
digilib.uns.ac.id
perpustakaan.uns.ac.id
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 ANALISIS KEBUTUHAN SISTEM
Pada perancangan aplikasi info kost online berbasis php dan MySQL ini
terdapat beberapa perangkat lunak (software) dan perangkat keras (hardware)
yang digunakan untuk mendukung proses perancangan aplikasi, yaitu :
1. Perangkat Lunak (sotware)
a. Sistem Operasi
: Microsoft Windows 7 Ultimate
b. Bahasa Pemrograman
: PHP
c. Web Server
: XAMPP Windows 1.7.2
d. Database Manager
: PhpMyAdmin 3.2.4
e. Web Editor
: Adobe Dreamweaver CS5 dan Notepad ++
2. Perangkat Keras (hardware)
a. Laptop dengan Processor Intel Pentium (R) Dual Core 2.0 GHz
b. RAM 2 GB
c. Harddisk 256 GB
3.2 PERANCANGAN SISTEM
Perancangan sistem info kost online ini dapat digambarkan dalam sebuah
diagram alir data atau yang bisa disebut dengan DFD. Selain itu juga
digambarkan dalam diagram konteks yang menggambarkan hubungan antara
entity luar, masukan dan keluaran dari sistem. Jika diagram konteks
menggambarkan hubungan entity, masukan dan keluaran sistem secara
keseluruhan, DFD menggambarkannya sebagai suatu model logika yang
menunjukkan hubungan antara data pada sistem dan proses pada sistem
sehingga dapat diketahui darimana asal data dan kemana tujuan data yang
commit to user
15
digilib.uns.ac.id
perpustakaan.uns.ac.id
keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data
tersebut dan interaksi antara data yang tersimpan dan proses yang dikenakan
pada data tersebut.
3.2.1 Context Diagram
PENGUNJUNG
Data Konfirm
Daftar
Data Informasi
Kost
Data
Pendaftaran
Manajemen Pemilik kost
ID Pesan Kost
PEMESAN
Manajemen pemesan
ID Login pemesan
ID Login Admin
INFO KOST
ONLINE
Data Informasi kost
ADMIN
Data Konfirm Login
Data Konfirm Pemesanan
Data Kost
Data konfirm
login
Manajemen Pemesanan
Kost
ID Login
PEMILIK
KOST
Gambar 3.1 Context Diagram
Keterangan :
a. Admin : bertugas untuk melakukan manajemen pemesan dan manajemen
pemilik kost
b. Pengunjung : hanya dapat melihat isi informasi dari website tetapi belum
bisa melakukan pemesanan kamar, jika ingin memesan kamar harus
registrasi menjadi pemesan dulu.
commit to user
16
digilib.uns.ac.id
perpustakaan.uns.ac.id
c. Pemesan : dapat masuk ke sistem dengan melakukan login dan bisa
melakukan pemesanan kamar. Setelah memesan kamar akan mendapatkan
konfirmasi pemesanan.
d. Pemilik Kost : dapat login sebagai pemilik kost kemudian mengisi/
memasukkan data kamar kost. Serta sebagai manajemen pemesanan.
3.2.2 Data Flow Diagram (DFD)
3.2.2.1 DFD Level 0
Data flow diagram atau DFD level 0 merupakan aliran data dari entitas,
proses, dan tabel. Dimana dan kemana aliran data tersebut berasal dan menuju.
DFD level ini menggambarkan keseluruhan proses dari sistem yang dibangun.
commit to user
17
digilib.uns.ac.id
perpustakaan.uns.ac.id
Data Pendaftaran
Data Konfirm Daftar
Data Pendaftaran
Data konfirm daftar
Data Pemilik Kost
1
DAFTAR
Data pemesan
Tb. Pemilik
Kost
ID Pemilik Kost
2
LOGIN
ID Login pemesan
ID Login Admin
ID Pemilik Kost
Data Konfirm Login
Tb. pemesan
Data Konfirm Login
ID Login Admin
PENGUNJUNG
3
MANAJEMEN
PEMILIK
KOST
ADMIN
Data Manajemen
Pemilik Kost
Konfirm Data Manajemen Pemilik Kost
Data Pemilik Kost
Tb. Admin
4
MANAJEMEN
pemesan
Data pemesan
Data Konfirm
Login
Data Manajemen pemesan
Konfirm Data Manajemen pemesan
ID Login pemesan
PEMESAN
Data Kost
Konfirm Data Kost
5
MENGOLAH
DATA KOST
PEMILIK
KOST
Data Kost
Tb. Kost
Informasi Kost
Kunci Kategori
Kunci kategori
Informasi Kost
ID pemesan
Konfirm Data Pemesanan
Data kost
6
CARI
KATEGORI
KOST
7
PEMESANAN
KOST
8
MANAJEMEN
PEMESANAN
Data Pesan
kost
Tb. Pemesanan
Data Manajemen Pemesanan
Konfirm Data Manajemen Pemesanan
Data Pemesanan Kost
Informasi Kost, Kategori, Pemesanan
Informasi Kost, Kategori
Data Kost
9
MELIHAT
Data Kategori
Data pemesanan
Gambar 3.2 DFD Level 0
commit to user
18
digilib.uns.ac.id
perpustakaan.uns.ac.id
3.2.2.2 DFD Level 1 proses 5
DFD level 1 proses 5 ini merupakan detail dari DFD level 0 proses 5.
Dalam DFD level 0 proses 5 yaitu mengolah data kos. Proses mengolah data
kost terdiri dari input, edit, dan hapus data kost
Tb. Kost
5.1
Input data
kost
Data kost
5.2
Edit data kost
Data kost
PEMILIK
KOST
Data kost
Konfirm data kost
Edit data kost
Konfirm data kost
Data kost
5.3
Hapus data
kost
Hapus data kost
Konfirm data kost
Gambar 3.3 DFD Level 1 proses 5
3.2.2.3 DFD Level 1 proses 7
DFD level 1 proses 7 merupakan detail dari DFD level 0 proses 7 tentang
pemesanan kost. Pemesan melihat dulu kost yang diinginkan kemudian
memesan kost tersebut.
Tb. Kost
Tb. Pemesanan
Data kost
Data pesan kost
7.1
Melihat kost
ID Pemesan
PEMESAN
Informasi kost
7.2
Memesan kost
Gambar 3.4 DFD Level 1 proses 7
commit to user
ID Pemesan
Konfirm data pemesanan
19
digilib.uns.ac.id
perpustakaan.uns.ac.id
3.3 PERANCANGAN DATABASE
3.3.1 Entity Relationship Diagram (ERD)
ERD atau Entity Relationship Diagram merupakan diagram yang
menggambarkan relasi dari entitas yang ada pada sistem.
Pemilik Kost
1
1
Mempunyai
Pemesan
N
ID_Pemilik
Memesan
ID_Pemesan
Kost
N
Nama_Pemilik
Nama_Pemesan
Alamat
ID_Kost
Admin
Jenis_kelamin
No_Telp
ID_Pemilik
Username
Nama_Kost
Password
Alamat
No_Rekening
Email
Email
Jenis_Kost
Pemesanan
No_Telp
Username
Fasilitas
ID_Pemesanan
No_Rekening
Password
Harga
Tgl_Pemesanan
Username
Alamat_Kost
ID_Pemesan
Password
Kost
Stok
Keterangan
Gambar 3.5 ERD
commit to user
20
digilib.uns.ac.id
perpustakaan.uns.ac.id
3.3.2 Skema Diagram
Skema diagram menggambarkan tentang hubungan antar tabel.
USER
PK
ID_User
Nama
Alamat
Telepon
Rekening
Email
Username
Password
Jenis_Kelamin
Status
Aktivasi
Kost
Pemesanan
PK
PK
Tgl_Pemesanan
ID_User
ID_Kost
ADMIN
PK
ID_Kost
ID_Pemesanan
USERNAME
PASSWORD
ID_User
Nama_Kost
Jenis_Kost
Fasilitas
Harga
Alamat_Kost
Kota
Stok
Keterangan
Longitude
Latitude
Gambar 3.6 Skema Diagram
3.3.3 Struktur Tabel Data
Struktur tabel data untuk info kost online adalah sebagai berikut
3.3.3.1 Tabel Admin
Tabel admin digunakan untuk menyimpan data admin untuk autotenfikasi.
Autotenfikasi ini mempunyai fungsi sebagai pintu masuk ke sistem untuk admin.
commit to user
21
digilib.uns.ac.id
perpustakaan.uns.ac.id
Tabel 3.1 Tabel Admin
No
Nama Field
Tipe Data
Lebar
Default
Keterangan
Primary Key
1
Username
Varchar
16
Not null
2
Password
Varchar
16
Not null
3.3.3.2 Tabel User
Tabel User digunakan untuk menyimpan data pemilik kost dan pemesan.
Pada tabel ini terdapat field status yang terdiri pemilik dan pemesan.
Tabel 3.2 Tabel User
No
Nama Field
1 Id_user
Tipe Data
Int
Lebar
5
Default
Not null
2
3
Nama
Alamat
Varchar
Varchar
25
50
Not null
Not null
4
5
Telepon
Rekening
Decimal
Varchar
15
20
Not null
Not null
6
7
Email
Username
Varchar
Varchar
40
16
Not null
Not null
8
Password
Varchar
16
Not null
9
10
Jenis_kelamin
Status
Varchar
Varchar
10
10
Not null
Not null
11
Aktivasi
Varchar
10
Not null
Keterangan
Primary Key,
auto increment
Alamat pemilik
kost
No rekening
pemilik kost
untuk transaksi
Username
pemilik untuk
masuk ke sistem
Password
pemilik untuk
masuk ke sistem
Status terdiri
dari pemilk dan
pemesan
3.3.3.3 Tabel Kost
Tabel ini digunakan untuk menyimpan data kost sehingga kita mengetahui
informasi kost. Informasi itu terdiri dari jenis, fasilitas, harga, letak, hingga
jumlah ketersediaan kost yang kosong.
commit to user
22
digilib.uns.ac.id
perpustakaan.uns.ac.id
Tabel 3.3 Tabel Kost
No
Nama Field
1 ID_Kost
Tipe Data
Int
Lebar
5
Default
Not null
2
ID_Pemilik
Int
5
Not null
3
4
Nama_Kost
Jenis_Kost
Varchar
Varchar
25
9
Not null
Not null
5
Fasilitas
6
Harga
Decimal
8
Not null
7
8
Alamat_Kost
Kota
Varchar
Varchar
50
16
Not null
Not null
9
Stok
Decimal
3
Not null
10
Keterangan
Text
11
12
Longitude
Latitude
Varchar
Varchar
Text
Not null
Null
20
20
Keterangan
Primary Key,
auto increment
ID_Pemilik kost
yang dimaksud
Jenis kost (putri,
putra,
karyawan)
Fasilitas yang
ada dalam kost
Harga sewa
kamarkost
Kota dimana
kost itu berada
Sisa kamar yang
tersedia(kosong)
Keterangan
tambahan
mengenai kost
Not null
Not null
3.3.3.4 Tabel Pemesanan
Tabel pemesanan digunakan untuk penyimpanan data-data pemesanan.
Tabel 3.4 Tabel Pemesanan
No
Nama Field
1 ID_Pemesanan
2
Tgl_Pemesanan
3
4
ID_User
ID_Kost
Tipe Data
Int
Lebar
5
Date
Int
Int
Default
Not null
Not null
6
5
commit to user
Not null
Not null
Keterangan
Primary Key,
auto increment
Tanggal
pemesanan
saat itu
23
digilib.uns.ac.id
perpustakaan.uns.ac.id
3.4 DESAIN TAMPILAN DAN SISTEM
3.4.1
Desain layout halaman home atau interface Pengunjung
Halaman interface Pengunjung terdiri dari menu home, kategori, registrasi dan
login.
TITLE
Home
Katego
ri
Registras
Login
i
GAMBAR
Content
Teks
Kategori
GAMBAR
GAMBAR
GAMBAR
teks
teks
teks
Copyright
Gambar 3.7 Interface Pengunjung
commit to user
24
digilib.uns.ac.id
perpustakaan.uns.ac.id
3.4.2
Desain layout halaman pemesan
Halaman interface Pemesan terdiri dari menu home, kategori, dan logout.
TITLE
Home
Kategori
Logout
GAMBAR
Teks
Content
Kategori
GAMBAR
GAMBAR
GAMBAR
teks
teks
teks
Copyright
Gambar 3.8 Interface Pemesan
commit to user
25
digilib.uns.ac.id
perpustakaan.uns.ac.id
3.4.3
Desain layout halaman pemilik kost
Halaman interface Pemilik kost terdiri dari menu home, tambah, dan logout.
TITLE
Home
Tambah
data
Logout
GAMBAR
Teks
Content
Kategori
GAMBAR
GAMBAR
GAMBAR
teks
teks
teks
Copyright
Gambar 3.9 Interface Pemilik kost
commit to user
26
digilib.uns.ac.id
perpustakaan.uns.ac.id
3.4.4
Desain layout halaman admin
Halaman interface Pengunjung terdiri dari menu home, kategori, dan logout.
TITLE
Home
Manajemen
Logout
GAMBAR
Teks
Content
Kategori
GAMBAR
GAMBAR
GAMBAR
teks
teks
teks
Copyright
Gambar 3.10 Interface admin
commit to user
27
digilib.uns.ac.id
perpustakaan.uns.ac.id
BAB IV
IMPLEMENTASI DAN EVALUASI
4.1 Implementasi Interface
4.1.1
Implementasi Halaman Pengunjung
Pada halaman pengunjung ini merupakan halaman depan dari website
infokost ini. Halaman pengunjung ini memiliki beberapa menu atau halaman
yaitu Home, Kategori, Registrasi, dan Login.
4.1.1.1 Halaman Home
Halaman home atau beranda merupakan tampilan awal dari website ini.
Pada halaman ini pengunjung dapat melihat update terbaru dari infokost.com.
Update terbaru itu berisi info tentang kost yang sedang ditawarkan. Halaman
home adalah seperti berikut.
Gambar 4.1 Halaman Home
commit to user
28
digilib.uns.ac.id
perpustakaan.uns.ac.id
4.1.1.2 Halaman Kategori
Di menu kategori terdapat 3 sub menu yaitu jenis kost, daerah dan harga.
Pada sub menu jenis kost terdapat 3 jenis yaitu kost putra, kost putri dan
karyawan. Pada sub menu daerah terdapat 6 nama daerah yaitu Surabaya,
Surakarta, Jogjakarta, Malang, Madiun dan Bandung. Dan terakhir pada sub
menu harga dibedakan menjadi 5 yaitu 500-1 juta/bulan, 1-2 juta /tahun, 2-3
juta /tahun, 3-5 juta /tahun dan 5 juta keatas.
Gambar 4.2 Halaman kategori
4.1.1.3 Halaman Registrasi
Halaman registrasi adalah halaman untuk mendaftarkan username dan
password agar dapat masuk ke sistem selain itu juga sebagai profil user.
Disini terdapat pilihan sebagai pemilik atau sebagai pemesan. Registrasi ini
digunakan untuk mengambil data dari pemilik kost dan pemesan serta sebagai
login ke sistem.
commit to user
29
digilib.uns.ac.id
perpustakaan.uns.ac.id
Gambar 4.3 Halaman registrasi
4.1.1.4 Halaman Login
Halaman login digunakan sebagai pintu masuk ke sistem. Pemilik kost dan
pemesan dapat login disini menggunakan username dan password yang sudah
didaftarkan saat registrasi. Di form login terdapat option untuk status login
sebagai pemilik atau sebagai pemesan serta untuk login admin.
Gambar 4.4 Halaman Login
commit to user
30
digilib.uns.ac.id
perpustakaan.uns.ac.id
4.1.2
Implementasi Halaman Pemesan
4.1.2.1 Halaman Home
Halaman home pemesan terdapat 3 menu yaitu kategori, logout, dan home
itu sendiri. Pada bagian konten berupa tampilan update terbaru info kost.
Gambar 4.5 Halaman Home Pemesan
4.1.2.2 Halaman Kategori
Halaman kategori pada interface pemesan hampir sama dengan interface
pengunjung yang membedakan hanyalah pada klik pesan, user yang sudah
login sebagai pemesan dapat memesan kost-kost tersebut sedangkan
pengunjung tidak dapat.
commit to user
31
digilib.uns.ac.id
perpustakaan.uns.ac.id
Gambar 4.6 Halaman kategori pemesan
4.1.2.3 Halaman pesan kamar kost
Halaman pesan kamar kost akan tampil saat pemesan mengklik pesan.
Gambar dapat dilihat di Gambar 4.7.
Ini merupakan konfirmasi bahwa
pemesan telah memesan kost tersebut. Diform telah ditampilkan nomor
rekening untuk melakukan transaksi pembayaran, maka pemesan harap
mencatatnya. Kemudian klik submit maka muncul notifikasi untuk segera
melakukan pembayaran. Jika dalam seminggu tidak melakukan pembayaran
maka pesan dianggap hangus dan dapat dipesan oleh pemesan lain. Gambar
dapat dilihat di Gambar 4.8.
commit to user
32
digilib.uns.ac.id
perpustakaan.uns.ac.id
Gambar 4.7 Halaman Pesan Kamar Kost
Gambar 4.8 Notifikasi
4.1.2.4 Implementasi peta
Gambar peta akan muncul saat pemesan berada di halaman pesan kost dan
klik lihat lokasi. Lihat Gambar 4.9. Peta akan muncul sesuai dengan daerah
dimana kost tersebut berada. Lihat Gambar 4.10.
commit to user
33
digilib.uns.ac.id
perpustakaan.uns.ac.id
Gambar 4.9 Lihat Lokasi
Gambar 4.10 Peta
4.1.3
Implementasi Halaman Pemilik
4.1.3.1 Halaman Home Pemilik
Halaman home atau beranda pemilik setelah login sebagai pemilik.
Halaman tersebut akan menampilkan update kost yang baru saja ditambahkan
oleh pemilik. Jadi pemilik dapat melihat langsung update kost yang baru saja
dilakukan serta dapat mengeditnya.
commit to user
34
digilib.uns.ac.id
perpustakaan.uns.ac.id
Gambar 4.11 Halaman home pemilik
4.1.3.2 Halaman Tambah Kost
Halaman tambah kost digunakan untuk menambahkan data kost yang akan
ditawarkan. Data kost yang dimasukkan harus lengkap dan sesuai keadaan kost
yang ditawarkan tetapi dengan kalimat yang dapat membuat calon pemesan
tertarik. Data ini termasuk harga, fasilitas, dan foto keadaan kost.
commit to user
35
digilib.uns.ac.id
perpustakaan.uns.ac.id
Gambar 4.12 Halaman tambah kost
4.1.3.3 Halaman registrasi pemilik
Halaman registrasi akan muncul saat mengklik menu registrasi yang
berada di halaman home website dan belum memiliki akun login sebagai
pemilik. Maka ini halaman yang digunakan untuk mencatat data-data pemilik
yang mendaftar. Data yang dimasukkan harus sesuai keadaan karena akan
digunakan untuk transaksi pemesanan. Termasuk username dan password.
commit to user
36
digilib.uns.ac.id
perpustakaan.uns.ac.id
Gambar 4.13 Halaman registrasi pemilik
4.1.4
Implementasi halaman admin
4.1.4.1 Halaman home admin
Halaman home admin merupakan tampilan awal dari interface admin.
Dihalaman tersebut terdapat daftar user yang akan di aktifkan admin agar
mereka dapat masuk ke sistem. Daftar user ini merupakan daftar pemilik dan
pemesan yang sudah aktif dan baru saja registrasi. Admin bertugas untuk
memanajemen registrasi pemilik kost dan pemesan.
commit to user
37
digilib.uns.ac.id
perpustakaan.uns.ac.id
Gambar 4.14 Halaman home admin
4.1.4.2 Halaman daftar user
Pada halaman ini admin akan mengaktifkan user yang baru saja registrasi.
Di dalam tabel ini juga terdapat daftar user yang sudah diaktifkan oleh admin.
User yang ada di daftar adalah pemilik kost dan pemesan
Gambar 4.15 Halaman daftar user
commit to user
38
digilib.uns.ac.id
perpustakaan.uns.ac.id
4.2 Uji Coba Sistem
Website info kost ini telah diuji cobakan dan menghasilkan beberapa
kelebihan dan kekurangan dari sistem tersebut. Kelebihan dan kekurangan
tersebut akan dibahas secara detail di 4.3 Evaluasi Perangkat Lunak.
4.3 Evaluasi Perangkat Lunak
Evaluasi ini berisi tentang kelebihan dan kekurangan perangkat lunak yang
penulis buat berdasarkan pengujian sistem ini.
4.3.1
Kelebihan perangkat lunak
Website ini memiliki kelebihan yaitu mempermudah orang untuk
melakukan pencarian kost yang diinginkan dan menghemat waktu dan energi.
Melalui website ini para pemilik kost dapat mendaftarkan diri dan kost-nya
untuk ditawarkan sehingga pemesan dapat memesan kost langsung secara
online tanpa harus mendatangi kost satu per satu.
4.3.2 Kekurangan perangkat lunak
Kekurangan website ini adalah kota yang masuk dalam website masih
terbatas kota-kota yang memiliki perguruan tinggi negeri di Pulau Jawa dan
satu kota industri dan dagang yaitu Madiun.
commit to user
39
digilib.uns.ac.id
perpustakaan.uns.ac.id
BAB V
PENUTUP
5.1 Kesimpulan
Dalam pembuatan website info kost online terintegrasi ini penulis dapat
mengambil kesimpulan bahwa website ini dibangun menggunakan css dan
php. Info kost online ini akan membantu memberikan informasi tentang kost
yang meliputi letak dan daerah kost, fasilitas, harga, jumlah kamar yang
kosong sekaligus dapat memesan kost tersebut.
5.2 Saran
Untuk perkembangan website ini di kemudian hari, penulis memberi saran
untuk mengembangkan website dengan Code Igniter serta menambahkan
kota-kota besar lainnya.
commit to user
Download