info kost online terintegrasi tugas akhir/info... · tugas akhir diajukan untuk memenuhi salah satu...
TRANSCRIPT
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ii
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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iii
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 ( )
2. Penguji 2 ( )
( )
3. Penguji 3
Disahkan oleh
Mohtar Yunianto, M.Si
NIP. 19800630 200501 1 001
Dekan
Fakultas MIPA UNS
Prof.Ir. Ari Handono Ramelan M, Sc(Hons). Ph.D
NIP. 1961 0 223 198601 1 001
Ketua Program Studi
DIII Teknik Informatika
Drs. YS. Palgunadi, M.Sc
NIP. 19560407 198303 1 004
Muhammad A. Safi’ie, S.Si
NIP. 0603118103
Rudi Hartono, S. Si
NIDN. 0626128402
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iv
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
v
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
vi
MOTTO
“ Musuh terbesar dalam hidup adalah dirimu sendiri ”
(Muhammad SAW)
“ Keberhasilan tidak akan tercapai tanpa usaha dan kerja keras “
“ 3L- Live, Love, and Laugh “
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
vii
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
viii
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ix
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
1.2 Perumusan Masalah ...................................................................... 2
1.3 Batasan Masalah ........................................................................... 2
1.4 Tujuan dan Manfaat ...................................................................... 3
1.4.1 Tujuan ............................................................................... 3
1.4.2 Manfaat ............................................................................. 3
1.5 Metodologi Penelitian ................................................................... 3
1.5.1 Observasi Lapangan .......................................................... 3
1.5.2 Pengumpulan Data ............................................................ 3
1.5.3 Analisis Sistem .................................................................. 4
1.5.4 Perancangan Basis Data .................................................... 4
1.5.5 Perancangan Interface ....................................................... 4
1.5.6 Perancangan Program Aplikasi ......................................... 4
1.5.7 Implementasi dan Evaluasi Sistem .................................... 4
1.5.8 Sistematika Penulisan ........................................................ 4
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
x
BAB II LANDASAN TEORI ................................................................... 6
2.1 Konsep Dasar Sistem dan Informasi .............................................. 6
2.1.1 Definisi Sistem dan Informasi ............................................ 6
2.1.2 Definisi Sistem Informasi ................................................... 6
2.1.3 Komponen Sistem Informasi .............................................. 6
2.2 Desain Sistem ................................................................................. 8
2.2.1 Context Diagram ................................................................ 8
2.2.2 Data Flow Diagram ............................................................ 8
2.3 Desain Basis Data ........................................................................... 9
2.3.1 Basis Data ........................................................................... 9
2.3.2 Database ............................................................................. 10
2.3.3 Manajemen Sistem Basis Data ........................................... 10
2.3.4 Entity Relationship Diagram .............................................. 10
2.4 PHP ................................................................................................. 12
2.5 CSS ................................................................................................. 12
2.6 Mengenal phpMyAdmin ................................................................ 12
2.7 Adobe Dreamweaver CS5 .............................................................. 13
BAB III DESAIN DAN PERANCANGAN SISTEM ............................... 14
3.1 Analisis Kebutuhan Sistem ............................................................ 14
3.2 Perancangan Sistem ....................................................................... 14
3.2.1 Context Diagram ................................................................ 15
3.2.2 Data Flow Diagram ............................................................ 16
3.2.2.1 DFD Level 0 ................................................................. 16
3.2.2.2 DFD Level 1 proses 5 ................................................... 18
3.2.2.3 DFD Level 1 proses 7 ................................................... 18
3.3 Perancangan Database .................................................................... 19
3.3.1 Entity Relationship Diagram .............................................. 19
3.3.2 Skema Diagram .................................................................. 20
3.3.3 Struktur Tabel Data ............................................................ 20
3.3.3.1 Tabel admin .................................................................. 20
3.3.3.2 Tabel User .................................................................... 21
3.3.3.3 Tabel Kost .................................................................... 21
3.3.3.4 Tabel Pemesanan .......................................................... 22
3.4 Desain Tampilan dan Sistem .......................................................... 23
3.4.1 Desain Layout halaman home Pengunjung ........................ 23
3.4.2 Desain layout halaman pemesan ........................................ 24
3.4.3 Desain layout halaman pemilik kost ................................... 25
3.4.4 Desain layout halaman admin ............................................. 26
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xi
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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xii
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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xiii
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 .................................................................. 28
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xiv
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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xv
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
1
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
2
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
3
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
4
1.5.3 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
membahas tentang definisi sistem dan informasi, sistem informasi, komponen
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
5
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
6
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 :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
7
1) Input
Input adalah semua data yang dimasukkan ke dalam sistem
informasi. Dalam hal ini yang termasuk dalam input adalah dokumen-
dokumen, 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)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
8
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 :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
9
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.
A
Agen
K
Konsumen
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
10
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 System-
DBMS)
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 :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
11
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.
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.
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.
Gambar 2.7 Many to many
(Kristanto, 2002)
Pengajar Siswa
Pengajar Siswa
Pengajar Siswa
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
12
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)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
13
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 pengguna Adobe Dreamweaver 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).
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
14
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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
15
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
INFO KOST
ONLINE
PEMESANADMIN
PENGUNJUNG
PEMILIK
KOST
Data Konfirm Login
ID Login Admin
Manajemen Pemilik kost
Manajemen Pemesanan
KostData konfirm
login
ID Login
Data Kost
Data Konfirm Pemesanan
Data Informasi kost
ID Login pemesan
ID Pesan Kost
Data Informasi
Kost
Data
Pendaftaran
Data Konfirm
Daftar
Manajemen pemesan
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
16
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
17
PENGUNJUNG
PEMESAN
PEMILIK
KOST
ADMIN
1
DAFTAR
2
LOGIN
6
CARI
KATEGORI
KOST
3
MANAJEMEN
PEMILIK
KOST
4
MANAJEMEN
pemesan
5
MENGOLAH
DATA KOST
7
PEMESANAN
KOST
8
MANAJEMEN
PEMESANAN
Data Konfirm Daftar
Data Pendaftaran
Data konfirm daftar
Data Pendaftaran
Tb. pemesan
Tb. Pemilik
Kost
Data pemesan
Data Pemilik Kost
ID Login pemesan
Data Konfirm
Login
ID Login pemesan
ID Login Admin
Data Konfirm Login
Tb. Admin
ID Login Admin
ID Pemilik Kost
Data Konfirm Login
ID Pemilik Kost
Data Manajemen
Pemilik Kost
Konfirm Data Manajemen Pemilik Kost
Data Pemilik Kost
Data Manajemen pemesan
Konfirm Data Manajemen pemesan
Data pemesan
Data Kost
Tb. Kost
Data Kost
Kunci Kategori
Informasi Kost
Kunci kategori
Informasi Kost
ID pemesan
Tb. PemesananData Pesan
kostKonfirm Data Pemesanan
Data Manajemen Pemesanan
Konfirm Data Manajemen Pemesanan
Data Pemesanan Kost
Konfirm Data Kost
Data kost
9
MELIHAT
Data Kost
Data Kategori
Data pemesanan
Informasi Kost, Kategori, Pemesanan
Informasi Kost, Kategori
Gambar 3.2 DFD Level 0
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
18
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
5.1
Input data
kost
PEMILIK
KOSTTb. Kost Data kostData kost
5.2
Edit data kost Edit data kost
Konfirm data kost
Konfirm data kost
Data kost
5.3
Hapus data
kostHapus data kost
Konfirm data kost
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.
7.1
Melihat kost
Tb. Pemesanan
PEMESANID Pemesan
Informasi kost
7.2
Memesan kost
ID Pemesan
Konfirm data pemesanan
Data pesan kost
Tb. Kost Data kost
Gambar 3.4 DFD Level 1 proses 7
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
19
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.
Admin
Pemilik Kost
Pemesan
Kost
Pemesanan
Username
Password
ID_Pemilik
Nama_Pemilik
Alamat
No_Telp
No_Rekening
Username
Password
ID_Kost
ID_Pemilik
Nama_Kost
Jenis_Kost
Fasilitas
Harga
Alamat_Kost
Kost
Stok
Keterangan
ID_Pemesan
Nama_Pemesan
Alamat
Jenis_kelamin
No_Telp
No_Rekening
Username
Password
ID_Pemesanan
Tgl_Pemesanan
ID_Pemesan
Mempunyai
Memesan
1
N
N
1
Gambar 3.5 ERD
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
20
3.3.2 Skema Diagram
Skema diagram menggambarkan tentang hubungan antar tabel.
ADMIN
PK USERNAME
PASSWORD
Kost
PK ID_Kost
ID_User
Nama_Kost
Jenis_Kost
Fasilitas
Harga
Alamat_Kost
Kota
Stok
Keterangan
Longitude
Latitude
Pemesanan
PK ID_Pemesanan
Tgl_Pemesanan
ID_User
ID_Kost
USER
PK ID_User
Nama
Alamat
Telepon
Rekening
Username
Password
Jenis_Kelamin
Status
Aktivasi
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
21
Tabel 3.1 Tabel Admin
No Nama Field Tipe Data Lebar Default Keterangan
1 Username Varchar 16 Not null Primary Key
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 Tipe Data Lebar Default Keterangan
1 Id_user Int 5 Not null Primary Key,
auto increment
2 Nama Varchar 25 Not null
3 Alamat Varchar 50 Not null Alamat pemilik
kost
4 Telepon Decimal 15 Not null
5 Rekening Varchar 20 Not null No rekening
pemilik kost
untuk transaksi
6 Email Varchar 40 Not null
7 Username Varchar 16 Not null Username
pemilik untuk
masuk ke sistem
8 Password Varchar 16 Not null Password
pemilik untuk
masuk ke sistem
9 Jenis_kelamin Varchar 10 Not null
10 Status Varchar 10 Not null Status terdiri
dari pemilk dan
pemesan
11 Aktivasi Varchar 10 Not null
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
22
Tabel 3.3 Tabel Kost
No Nama Field Tipe Data Lebar Default Keterangan
1 ID_Kost Int 5 Not null Primary Key,
auto increment
2 ID_Pemilik Int 5 Not null ID_Pemilik kost
yang dimaksud
3 Nama_Kost Varchar 25 Not null
4 Jenis_Kost Varchar 9 Not null Jenis kost (putri,
putra,
karyawan)
5 Fasilitas Text Not null Fasilitas yang
ada dalam kost
6 Harga Decimal 8 Not null Harga sewa
kamarkost
7 Alamat_Kost Varchar 50 Not null
8 Kota Varchar 16 Not null Kota dimana
kost itu berada
9 Stok Decimal 3 Not null Sisa kamar yang
tersedia(kosong)
10 Keterangan Text Null Keterangan
tambahan
mengenai kost
11 Longitude Varchar 20 Not null
12 Latitude Varchar 20 Not null
3.3.3.4 Tabel Pemesanan
Tabel pemesanan digunakan untuk penyimpanan data-data pemesanan.
Tabel 3.4 Tabel Pemesanan
No Nama Field Tipe Data Lebar Default Keterangan
1 ID_Pemesanan Int 5 Not null Primary Key,
auto increment
2 Tgl_Pemesanan Date Not null Tanggal
pemesanan
saat itu
3 ID_User Int 6 Not null
4 ID_Kost Int 5 Not null
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
23
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.
Gambar 3.7 Interface Pengunjung
TITLE
Home Katego
ri
Registras
i
Login
Copyright
GAMBAR
GAMBAR
teks
GAMBAR
teks
GAMBAR
teks
Teks
Kategori
Content
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
24
3.4.2 Desain layout halaman pemesan
Halaman interface Pemesan terdiri dari menu home, kategori, dan logout.
Gambar 3.8 Interface Pemesan
TITLE
Home Kategori Logout
Copyright
GAMBAR
GAMBAR
teks
GAMBAR
teks
GAMBAR
teks
Teks
Kategori
Content
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
25
3.4.3 Desain layout halaman pemilik kost
Halaman interface Pemilik kost terdiri dari menu home, tambah, dan logout.
Gambar 3.9 Interface Pemilik kost
TITLE
Home Tambah
data
Logout
Copyright
GAMBAR
GAMBAR
teks
GAMBAR
teks
GAMBAR
teks
Teks
Kategori
Content
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
26
3.4.4 Desain layout halaman admin
Halaman interface Pengunjung terdiri dari menu home, kategori, dan logout.
Gambar 3.10 Interface admin
TITLE
Home Manajemen Logout
Copyright
GAMBAR
GAMBAR
teks
GAMBAR
teks
GAMBAR
teks
Teks
Kategori
Content
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
27
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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
28
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
29
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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
30
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
31
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
32
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
33
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
34
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
35
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
36
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
37
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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
38
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
39
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.