RANCANG BANGUN APLIKASI TEMPAT KOST ORANGE PALANGKARAYA

BERBASIS WEB

TUGAS AKHIR

Disusun untuk Memenuhi Syarat Kelulusan Program Diploma III

Pada Sekolah Tinggi Manajemen Informatika dan Komputer
(STMIK) Palangkaraya

OLEH

ADESDI PRATAMA
E1857401045
MANAJEMEN INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

(STMIK) PALANGKARAYA
2021
 PERSETUJUAN

RANCANG BANGUN APLIKASI TEMPAT KOST ORANGE

PALANGKARAYA BERBASIS WEB

Tugas Akhir ini Telah Disetujui dan Disahkan

Pembimbing I, Pembimbing II,

Frengklin Matatula,S.Kom,M.MSI Suparno, M.Kom

NIK. 198611012015102 NIK. 196901041995105

Mengetahui :
Ketua STMIK Palangkaraya,

Suparno, M.Kom
NIK. 196901041995105

ii
 PENGESAHAN

RANCANG BANGUN APLIKASI TEMPAT KOST ORANGE

PALANGKARAYA BERBASIS WEB

Tugas Akhir ini telah Diuji, Dinilai dan Disahkan Oleh Tim Penguji pada

Hari/Tanggal :

Tim Penguji Tugas Akhir :

1. …………………………………………..
Ketua/Anggota

2. Frengklin Matatula,S.Kom,M.MSI …………………………………………..

Anggota

3. Suparno, M.Kom …………………………………………..

Anggota

iii
 MOTTO DAN PERSEMBAHAN

Motto :

“Orang yang Mampu Belajar dari Kesalahan

adalah Orang yang Berani Untuk Sukses”

Kupersembahkan Kepada :

1. Kedua orang tua serta seluruh keluarga

tercinta yang selau mendukung
kerberhasilan, serta memberikan doa cinta
dan kasih sayang, pikiran, tenaga, waktu
serta materi yang tidak bisa terbalas.
2. Bapak Suparno, M.Kom, Frengklin
Matatula, S.Kom,M.MSI, Ibu Arliyana,
M.Kom terima kasih atas bimbingannya.
3. Teman-teman seperjuangan yang tak bisa
disebut satu persatu.

iv
 ABSTRAKSI

ADESDI PRATAMA, E1857401045, 2021, Rancang Bangun Aplikasi Tempat Kost

Orange Palangkaraya Berbasis Web, Pembimbing I, Frengklin
Matatula,S.Kom,M.MSI, Dan Pembimbing II, Suparno, M.Kom.
Dengan kemajuan teknologi saat ini untuk mengatahui informasi kebutuhan
akan hunian sementara atau yang bisa disebut dengan tempat kost sangatlah penting
bagi calon mahasiswa pendatang baik dari luar kota, maupun yang asli dalam kota.
Yang diperlukan untuk mencapai tujuan Kost Orange Palangka Raya berada
di jalan G.Obos VI gang Perum Jayabaya Palangka Raya. Penulisan tugas akhir ini
merupakan sebuah aplikasi website untuk membantu menampilkan tempat kost tampa
perlu mencetak dan membuat papan iklan di sekitar kost serta dapat mempermudah
penyebaran informasi. Dengan adanya aplikasi website ini maka akan membantu dan
memperhemat waktu pemilik kost menawarkan tempat kost nya karena website ini
membantu menampilkan tempat kost yang ditawarkan pemilik kost.
Bahasa pemogramman aplikasi website ini dirancang dengan menggunakan
perangkat dengan Visual Studio Code sebagai editor source code dan Menggunakan
bahasa pemrograman PHP,HTML serta MySQL sebagai databasenya. Website ini
hanya bisa dijalankan melalui browser seperti Chrome,Uc Browser,Microsoft Edge
Dan Mozilla Firefox.
Kunci : Rancang Bangun Aplikasi Tempat Kost Orange Palangka Raya Berbasis
Web

v
 KATA PENGANTAR

Puji dan syukur kita panjatkan kehadirat Tuhan Yang Maha Esa yang telah

memberikan kesehatan, sehingga Tugas Akhir yang berjudul “Rancang Bangun

Aplikasi Tempat Kost Orange Palangka Raya Berbasis Web” disusun untuk

memenuhi salah satu syarat kelulusan untuk Program Diploma III pada Sekolah

Tinggi Manajemen Informatika dan Komputer (STMIK) Palangkaraya.

Dalam menyelesaikan penulisan Tugas Akhir ini, penulis mendapat

bimbingan, saran dan bantuan secara langsung dan tidak langsung dari semua pihak.

Maka dengan segenap ketulusan hati penulis ingin mengucapkan terimakasih dan

penghargaan sebesar-besarnya kepada semua pihak yang telah memberikan bantuan

selama penulisan Tugas Akhir ini, yaitu kepada :

1. Bapak Suparno, M.Kom., selaku Ketua STMIK Palangka Raya sekaligus

pembimbing II tugas akhir.

2. Frengklin Matatula,S.Kom,M.MSI, sebagai pembimbing I tugas akhir.

3. Ibu Arliyana, M.Kom, selaku ketua prodi Manajemen Informatika.

4. Bapak/Ibu Dosen yang telah mendidik dalam proses perkuliahan selama menuntut

ilmu di STMIK Palangkaraya.

5. Kedua orang tua dan seluruh keluarga besar yang sudah memberikan doa, motivasi

dan dukungan sampai dengan saat ini.

vi
6. Serta kepada semua Sahabat, yang selama ini selalu memberikan semangat

dukungan juga masukan yang baik sehingga Tugas Akhir ini dapat terselesaikan.

Saya menyadari bahwa dalam menyusun Laporan Tugas Akhir ini masih jauh

dari sempurna, baik dari segi pembahasan, segi pengkajian maupun cara penyusunan,

hal tersebut karena keterbatasan kemampuan saya, maka dari itu saya harapkan

pendapat, saran, dan kritik yang membangun demi penyusunan dimasa yang akan

datang.

Akhir harapan saya, semoga Laporan Tugas Akhir ini bermanfaat bagi kita

semua dan terutama bagi penyusunan sendiri untuk pendoma dan bekal saya dalam

melakukan tugas.

Palangkaraya, Juni 2021

Penulis

vii
 DAFTAR ISI

PERSETUJUAN ........................................................................................................... ii
PENGESAHAN ........................................................................................................... iii
MOTTO DAN PERSEMBAHAN ............................................................................... iv
ABSTRAKSI ................................................................................................................ v
KATA PENGANTAR ................................................................................................. vi
DAFTAR ISI .............................................................................................................. viii
DAFTAR TABEL ........................................................................................................ ix
DAFTAR GAMBAR .................................................................................................... x
DAFTAR LAMPIRAN ................................................................................................ xi

BAB I PENDAHULUAN ................................................................................... 1

A. Latar Belakang .................................................................................... 1
B. Rumusan Masalah ............................................................................... 2
C. Batasan Masalah.................................................................................. 2
D. Tujuan dan Manfaat Penelitian ........................................................... 3
E. Metode Penulisan ................................................................................ 4
F. Penjelasan Istilah Kunci ...................................................................... 5

BAB II TINJAUAN PUSTAKA ......................................................................... 6

A. Landasan Teori Yang Berkaitan Dengan Penelitian ........................... 6
B. Basis Data ......................................................................................... 13
C. Perangkat Lunak Yang Digunakan ................................................... 15

BAB III PEMBAHASAN ................................................................................... 21

A. Tinjauan Umum Kost Orange Palangka Raya .................................. 21
B. Analisa Masalah ................................................................................ 21
C. Penyelesaian Masalah....................................................................... 22
D. Implementasi .................................................................................... 23
E. Rancangan Struktur Navigasi ............................................................ 36
F. Relasi Tabel Dalam Database ........................................................... 37
G. Pengujian Website ............................................................................ 38
H. Tahap Menjalankan Website ............................................................. 38
I. Hosting dan Domain ......................................................................... 47

BAB IV PENUTUP ............................................................................................ 51

A. Kesimpulan ....................................................................................... 51
B. Saran .................................................................................................. 51

DAFTAR PUSTAKA
LAMPIRAN

viii
 DAFTAR TABEL

Table 1. Tabel Kamar .................................................................................................. 25

Table 2. Tabel Info ...................................................................................................... 25
Table 3. Tabel Gallery................................................................................................. 25
Table 4. Tabel Foto ..................................................................................................... 26
Table 5. Tabel Setting ................................................................................................. 26
Table 6. Tabel User ..................................................................................................... 27

ix
 DAFTAR GAMBAR

Gambar 1. Rancangan Halaman Menu Utama Pengunjung ....................................... 28

Gambar 2. Rancangan Halaman Kost (info kost) ....................................................... 29
Gambar 3. Rancangan Halaman Kost (Data Kamar) .................................................. 29
Gambar 4. Rancangan Halaman Gallery..................................................................... 30
Gambar 5. Rancangan Halaman Tentang Kami .......................................................... 31
Gambar 6. Rancangan Halaman Kontak ..................................................................... 31
Gambar 7. Rancangan Halaman Login Admin ........................................................... 32
Gambar 8. Rancangan Halaman Dashboard ............................................................... 33
Gambar 9. Rancangan Halaman Data Kamar ............................................................. 33
Gambar 10. Rancangan Halaman Info Kost ............................................................... 34
Gambar 11. Rancangan Halaman Gallery................................................................... 35
Gambar 12. Rancangan Halaman Setting ................................................................... 35
Gambar 13. Struktur Navigasi Menu Antar Muka ...................................................... 36
Gambar 14. Relasi Antar Tabel ................................................................................... 38
Gambar 15. Halaman Menu Utama Pengunjung ........................................................ 39
Gambar 16. Halaman Kost (info kost) ........................................................................ 40
Gambar 17. Halaman Kost (data kamar)..................................................................... 41
Gambar 18. Halaman Gallery ..................................................................................... 41
Gambar 19. Halaman Tentang Kami .......................................................................... 42
Gambar 20. Halaman Kontak ...................................................................................... 43
Gambar 21. Halaman Login ........................................................................................ 43
Gambar 22. Halaman Dashboard ................................................................................ 44
Gambar 23. Halaman Data Kamar .............................................................................. 45
Gambar 24. Halaman Info Kost .................................................................................. 45
Gambar 25. Halaman Gallery ..................................................................................... 46
Gambar 26. Halaman Setting ...................................................................................... 47
Gambar 27. Tampilan Beranda Rumahweb ................................................................ 48
Gambar 28. Tampilan Login Rumahweb .................................................................... 49
Gambar 29. Tampilan Website Rumahweb ................................................................ 49
Gambar 30. Tampilan Manage Product ...................................................................... 50
Gambar 31. Tampilan Pengelola File.......................................................................... 50

x
 DAFTAR LAMPIRAN

Lampiran 1. Surat Tugas Pembimbing

Lampiran 2. Surat Observasi
Lampiran 3. Lembar Dokumentasi
Lampiran 4. Lembar Wawancara
Lampiran 5. Kartu Konsultasi

xi
 BAB I PENDAHULUAN
PENDAHULUAN

A. Latar Belakang

Kemajuan teknologi informasi menjadi suatu kebutuhan yang sangat

penting. Dengan perkembangan teknologi yang semakin canggih dan adanya

berbagai media informasi seperti internet, televisi, majalah, koran dan media

informasi lainnya. Dengan kemajuan teknologi saat ini untuk mengatahui

informasi kebutuhan akan hunian sementara atau yang bisa disebut dengan

tempat kost sangatlah penting bagi calon mahasiswa pendatang baik dari luar

kota, maupun yang asli dalam kota. Bagi pemilik kost, membantu untuk

menampilkan tempat kost tampa perlu mencetak dan membuat papan iklan di

sekitar kost serta dapat mempermudah penyebaran informasi. Tempat kost

berguna sebagai penyedia informasi untuk menampilkan tempat kost.

Dengan adanya teknologi dan informasi yang dirancang dapat

memberikan gambaran secara umum, dan dapat menampilkan tempat kost.

Sistem yang dirancang aplikasi berbasis website dengan menempilkan tempat

kost yaitu berupa melihat tempat kost, info kost, data kamar, tentang kami dan

alamat nomor telpon tempat kost.

Dengan adanya aplikasi website ini maka akan membantu dan

memperhemat waktu pemilik kost menawarkan tempat kost nya karena

1
 2

website ini membantu menampilkan tempat kost yang ditawarkan pemilik

kost.

Untuk memenuhi kebutuhan tersebut, usaha yang harus dilakukan

Kost Orange Palangkaraya adalah pemanfaatan teknologi informasi seperti

handphone dan komputer beserta website untuk menampilkan tempat kost.

Berdasarkan hal tersebut, maka hal ini membuat penelitian berkeinginan

membuat sebuah tugas akhir dengan judul “Rancang Bangun Aplikasi Tempat

Kost Orange Palangka Raya Berbasis Web”.

B. Rumusan Masalah

Bagaimana membuat Rancang Bangun Aplikasi Tempat Kost Orange

Palangka Raya Berbasis Web ?

C. Batasan Masalah

Agar permasalahan tidak melebar dan tidak terlalu luas, maka dapat

memberikan batasan-batasan masalah yang akan dibahas yaitu:

1. Website ini terdiri dari menampilkan tempat kost, info kost, data kamar,

gallery, tentang kami dan kontak alamat nomor telpon pemilik kost.

2. Dari sisi calon penghuni kost memiliki fungsi melihat tempat kost, info

kost, tentang kami, peraturan, fasilitas, dan alamat nomor telpon tempat

kost.

3. Untuk komfirmasi bisa menanyakan kost dengan cara menghubungi nomor

pemilik kost pada website.

 3

4. Website ini tidak menyediakan transaksi pembayaran online.

D. Tujuan dan Manfaat Penelitian

Adapun Tujuan dan manfaat dari penelitian ini adalah sebagai berikut:

1. Tujuan

Membuat Aplikasi Berbasis Website untuk menampilkan tempat

kost agar dapat membantu pemilik kost promosikan Tempat Kost Orange

Palangka Raya.

2. Manfaat

Manfaat yang diambil dalam penulisan tugas akhir ini adalah:

a. Manfaat bagi STMIK Palangka Raya

Aplikasi Berbasis Web ini diharapkan agar dapat digunakan

sebagai referensi bagi peneliti mahasiswa Stmik Palangkaraya.

b. Manfaat bagi Kost Orange Palangka Raya

Rancang Bangun Aplikasi Tempat Kost Orange Palangka Raya

Berbasis Web ini diharapkan berguna untuk menempilkan tempat kost

dan membantu pemilik kost dalam mempromosikan Tempat Kost

Orange Palangkaraya melalui website sehinga mempermudah untuk

menampilkan tempat kost yang dimilikinya sehingga tidak perlu lagi

membuat iklan di depan rumah atau di lokasi tempat kost.

 4

E. Metode Penulisan

Berikut dalam metode ini untuk memperoleh informasi yang

dibutuhkan penulis menggunakan beberapa metode yaitu:

1. Observasi (Observation)

Metode pengamatan atau merupakan salah satu teknik pengumpulan

data dengan cara melakukan pengamatan secara langsung ke Tempat Kost

Orange Palangkaraya. Tujuannya adalah untuk mendapatkan data yang

benar dan akurat, sehingga dapat mengetahui bagaimana proses untuk

melihat dan menampilkan tempat kost.

2. Wawancara (Interview)

Wawancara merupakan percakapan antara dua orang atau lebih dan

berlangsung antara narasumber dan pewawancara. Tujuan dari wawancara

adalah untuk mendapatkan informasi dari yang tepat dari narasumber yang

terpercaya dari Tempat kost Orange Palangkaraya. Wawancara dilakukan

dengan cara menyampaikan sejumlah pertanyaan dari pewawancara kepada

narasumber dari Tempat Kost Orange Palangkaraya.

3. Dokumentasi (Documentation)

Metode dokumentasi adalah metode yang dilakukan dengan cara

mempelajari dokumen-dokumen dengan cara mengumpulkan data yang

berbentuk dokumen yang berhubungan dengan data kost yang khususnya

berkaitan dengan Tempat kost Orange Palangkaraya.

 5

F. Penjelasan Istilah Kunci

Dalam penyusunan tugas akhir ini terdapat beberapa penjelasan istilah

kunci yang harus dipahami antara lain adalah:

1. Rancang bangun adalah proses perancangan yang mengambarkan urutan

kegiatan (sistematik) mengenai suatu program.

2. Aplikasi adalah suatu subkelas dari suatu perangkat lunak komputer yang

memanfaatkan kemampuan komputer secara langsung untuk melakukan

suatu tugas yang diinginkan pengguna.

3. Tempat kost adalah merupakan salah satu tempat penyedian jasa

penginapan atau tempat tinggal yang sementara.

4. Web adalah sebagai kumpulan halaman yang menampilkan informasi data

teks, data gambar diam atau gerak, data animasi, suara, video dan atau

gabungan dari samuanya, baik yang bersifat statis maupun dinamis yang

membentuk satu rangkaian bangunan yang saling terkait dimana masing-

masing dihubungan dengan jaringan-jaringan halaman.

 BAB II TINJAUAN PUSTAKA
TINJAUAN PUSTAKA

A. Landasan Teori Yang Berkaitan Dengan Penelitian

1. Rancang Bangun

Menurut R.Pressman dalam (Girsang, 2018), “Rancang merupakan

serangkaian prosedur untuk menerjemahkan hasil analisa dari sebuah

sistem ke dalam bahasa pemrograman untuk mendeskripsikan dengan

detail bagaimana komponen-komponen sistem diimplementasikan”.

Menurut Maulani, G., Septiani, D., & Sahara, P. N. dalam

(Girsang, 2018) berpendanpat bahwa, “Rancang bangun adalah

menciptakan dan membuat suatu aplikasi ataupun sistem yang belum ada

pada suatu instansi atau objek tersebut”.

Dengan demikian pengertian rancang bangun merupakan kegiatan

menerjemahkan hasil analisa kedalam bentuk paket perangkat lunak

kemudian menciptakan sistem tersebut ataupun memperbaiki sistem yang

sudah ada.

2. Aplikasi

Menurut Hendrayudi dalam Gunawan (2017:06), aplikasi adalah

kumpulan perintah program yang dibuat untuk melakukan pekerjaan-

perkerjaan tertentu (khusus).

6
 7

Menurut Asropudin (2013:6), “Aplikasi adalah software yang

dibuat oleh suatu perusahaan komputer untuk mengerjakan tugas-tugas

tertentu, misalnya Ms.World, Ms.Excel”.

Dari pengertian diatas dapat disimpulkan Aplikasi adalah software

atau alat terapan yang dibuat untuk mengerjakan tugas-tugas khusus.

3. Website

Menurut Yuhefizar (2013:2) “Website adalah keseluruhan

halaman- halaman web yang terdapat dalam sebuah domain yang

mengandung informasi. Sebuah website biasanya dibangun atas banyak

halaman web yang saling berhubungan. Hubugan antara satu halaman

web dengan halaman web yang lainnya disebut dengan hyperlink,

sedangkan teks yang dijadikan media penghubung disebut hypertext”.

Menurut Hikmah, dkk (2015:1) “Website atau situs dapat

diartikan sebagai kumpulan halaman yang digunakan untuk menampilkan

informasi teks, gambar diam atau gerak, animasi, suara, dan/atau

gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang

membentuk satu rangkaian bangunan yang saling terkait, yang masing-

masing dihubungkan dengan jaringan-jaringan halaman”.

Berdasarkan pengertian para ahli diatas dapat disimpulkan bahwa

website adalah kumpulan dari kesuluruhan halaman-halaman web yang

berisi sebuah data atau informasi baik yang bersifat statis maupun
 8

dinamis yang membentuk satu rangkaian bangunan yang saling terkait,

yang masing-masing dihubungkan dengan jaringan-jaringan halaman.

a. Internet

Menurut Ahmadi dan Hermawan (2013:68) “Internet adalah

komunikasi global yang menghubungkan seluruh komputer di dunia

meskipun berbeda sistem operasi dan mesin”.

Sedang Menurut Sibero (2013:10 “Internet (Interconnected

Network) adalah jaringan komputer yang menghubungkan antara

jaringan secara global, internet dapat juga disebut jaringan dalam suatu

jaringan yang luas”.

Berdasarkan kesimpulan diatas Internet (Interconnected

Network) adalah sistem jaringan komunikasi secara global yang

menghubungkan seluruh komputer di dunia dengan waktu dan wilayah

tak terbatas.

b. World Wide Web (WWW)

Menurut Rusman (2013:291) menjelaskan, bahwa “World

Wide Web (www) atau sering disebut web atau website mulai

diperkenalkan tahun 1990-an. Fasilitas ini merupakan kumpulan

dokumentasi terbesar yang tersimpan dalam berbagai server yang

terhubung menjadi satu jaringan. Dokumen ini dikembangkan dalam

format hypertext dengan menggunakan HTML (Hyper Text Markup

 9

Language). Melalui format ini dimungkinkan terjadinya link dari satu

dokumen ke dokumen lainnya”.

Menurut Sibero (2013:11) “World Wide Web (www) yang di

kenal juga dengan istilah web adalah suatu sistem yang berkaitan

dengan dokumen digunakan sebagai media untuk menampilkan teks,

gambar, multimedia dan lainnya pada jaringan internet”.

Dan menurut Dipraja (2013:9) “World Wide Web (www)

adalah kumpulan web server dari seluruh dunia yang berfungsi

menyediakan dokumen atau semua informasi-informasi lainnya pada

jaringan internet”.

Berdasarkan uraian diatas maka kesimpulannya World Wide

Web (www) adalah sistem yang berisi kumpulan berbagai situs web

dan digunakan sebagai media untuk menampilkan berbagai dokumen

dan semua informasi-informasi lainnya pada jaringan internet.

c. Universal Resource Locator (URL)

Menurut Strauss dan Frost (2012:422) “URL adalah informasi

tentang protokol, sistem, dan nama file yang memungkinkan sistem

pengguna untuk menemukan dokumen tertentu di internet. contoh

URL adalah, yang menunjukkan bahwa " hyper text transfer protocol"

adalah protokol dan informasi tersebut terletak pada sistem yang

bernama "www".
 10

Menurut Fathansyah (2012:465) mengatakan “Sebuah sistem

hypertext harus mampu menyimpan data petunjuk (pointer) ke

berbagai dokumen. Dalam Web funsionalitas pointer tersebut

diberikan oleh Universal Resource Locator (URL)”.

Berdasarkan refrensi diatas, dapat penulis simpulkan URL

(Universal Resource Locator) adalah sebuah sistem yang mampu

menyimpan data petunjuk ke berbagai dokumen dan informasi yang

memungkinkan sistem pengguna untuk menemukan dokumen di

internet.

d. Aplikasi Berbasis Web

Menurut Raharjo, dkk (2012:46) “Aplikasi web adalah aplikasi

yang disimpan dan dieksekusi di lingkungan web server. Setiap

permintaan yang dilakukan oleh user melalui aplikasi klien (web

browser) akan direspon oleh aplikasi web dan hasilnya akan

dikembalikan lagi ke hadapan user”.

Menurut Simarmata (2010:56) “aplikasi web adalah sebuah

sistem informasi yang mendukung interaksi pengguna melalui

antarmuka berbasis web”.

Berdasarkan uaraian diatas, penulis menyimpulkan bahwa

aplikasi web adalah sistem informasi yang mendukung interaksi

pengguna melalui antarmuka serta disimpan dan dieksekusi

dilingkungan web server.

 11

e. Web Browser

Menurut Winarno dan Utomo dalam Prayitno & Safitri

(2015:2)menjelaskan bahwa, “web browseradalah alat yang digunakan

untuk melihat halaman web“.

Menurut Sadeli dalam Wasiyanti & Talaohu (2016:50)

menjelaskan bahwah, “suatu perangkat lunak web editor keluaran

Adobe System yang digunakan untuk membangun dan mendesign

suatu website dengan fitur-fitur yang menarik dan kemudahan dalam

penggunaannya”.

Berdasarkan dari kutipan diatas dapat disimpulkan bahwaWeb

browseradalah alat yang digunakan untuk melihat halaman webdengan

fitur-fitur yang menarik dan kemudahan dalam penggunaannya.

f. Web Selver

Menurut Supono dan Putratama (2016:6) “Web- Server adalah

perangkat lunak server yang berfungsi untuk menerima permintaan

dalam bentuk situs web melalui HTTP atau HTTPS dari klien itu, yang

dikenal sebagai browser web dan mengirimkan kembali (reaksi) hasil

dalam bentuk situs yang biasanya merupakan dokumen HTML.”

Menurut Sibero (2013:11) “Web Server adalah sebuah

komputer yang terdiri dari perangkat keras dan perangkat lunak”.

Berdasarkan pendapat diatas dapat disimpulkan bahwa Web

Server adalah sebuah komputer yang terdiri dari perangkat keras dan
 12

perangkat lunak server yang berfungsi untuk menerima permintaan

dalam bentuk situs web melalui browser web dan mengirimkan

kembali (reaksi) hasil dalam bentuk sistus yang biasanya merupakan

dokumen HTML.

4. Tempat Kost

Hajar & Nilasukmawati (2012) “Faktor-faktor yang

Mempengaruhi Mahasiswa dalam memilih Rumah Kos”, dengan

menyatakan bahwa variabel fasilitas mempengaruhi mahasiswa dalam

memilih rumah kos.

Dana (2013) “Analisis Faktor-Faktor Yang Menjadi

Pertimbangan Mahasiswa Dalam Memilih Tempat Kos Di Kelurahan

Sumbersari Malang City” memperoleh hasil bahwa fasilitas

mempengaruhi keputusan mahasiswa dalam memilih tempat kos di

kelurahan sumbersari malang city. Demikian juga penelitian yang

dilakukan Rasti (2015) “Pengaruh Lingkungan, Harga, Fasilitas dan

Kelompok Referensi Terhadap Keputusan Konsumen Dalam Memilih

Jasa Rumah Kos.

Berdasarkan pengertian diatas dapat disimpulkan bahwa

responden dari 3 pernyataan pada variabel fasilitas dapat diketahui

bahwa hasil pernyataan mayoritas responden memberi tanggapan

setuju dari indikator tempat kos yang menyediakan fasilitas umum

sebesar 65,4%, rumah kos yang menyediakan fasilitas kamar kos

 13

sebesar 75,0%, dan 48,1% untuk rumah kos yang menyediakan

fasilitas tambahan.

B. Basis Data

Menurut Priyadi (2014:2) “Basis Data adalah sekumpulan fakta berupa

representasi tabel yang saling berhubungan dan disimpan dalam media

penyimpanan secara digital.”

Menurut Fathansyah (2015:3) “Basis Data terdiri dari 2 kata, yaitu

Basis dan Data. Basis kurang lebih dapat diartikan sebagai markas atau

gudang, tempat bersarang/berkumpul. Sedangkan Data adalah representasi

fakta dunia nyata yang mewakili suatu objek seperti manusia (pegawai, siswa,

pembeli, pelanggan), barang hewan, peristiwa, konsep, keadaan, dan

sebagainya, yang diwujudkan dalam bentuk angka, huruf, simbol, teks,

gambar, bunyi, atau kombinasinya ”.

Berdasarkan pengertian diatas dapat disimpulkan bahwa basis data

(database) adalah sebuah kumpulan fakta berupa representasi tabel yang

saling berhubungan dan disimpan dalam media penyimpanan secara digital

dengan memelihara data yang sudah di olah atau informasi dan membuat

informasi tersedia saat dibutuhkan.

 14

1. Database

Menurut Sutarman (2012:15), Database sekumpulan file yang

saling berhubungan dan terorganisasi atau kumpulan record-record yang

menyimpan dat dan hubungan diantaranya.

Menurut Ladjamudin (2013:129), Database adalah sekumpulan data

store (bisa dalam jumlah yang sangat besar) yang tersimpan dalam

magnetic disk, oftical disk, magnetuc drum, atau media penyimpanan

skunder lainya.

Dari pengertian diatas penulis menyimpulkan Database adalah

sekumpulan file yang saling berhubungan yang menyimpan data dan

tersimpan dalam sebuah media penyimpanan.

2. MySQL

Menurut Sibero (2013:97) “MySQL atau dibaca “My Sekuel”

dengan adalah suatu RDBMS (Relational Database Management System)

yaitu aplikasi sistem yang mejalankan fungsi pengolahan data”.

Menurut Hidayatullah dan Jauhari (2015:180) “MySQL adalah

salah satu aplikasi DBMS yang sudah banyak oleh para pemogram aplikasi

web. Contoh DBMS lainnya adalah : PostgreSQL (freeware), SQL Server,

MS Access dari Microsoft, DB2 dari IBM, Oracle dan Oracle Corp, Dbase,

FoxPro, dsb”.
 15

Berdasarkan penjelasan diatas dapat disimpulkan bahwa MySQL

adalah aplikasi DBMS yang menjalankan fungsi pengelolahan data untuk

membangun sebuah aplikasi web.

3. Structure Query Language (SQL)

Menurut Priyadi (2014:82) “SQL adalah suatu aplikasi komputer

yang merujuk pada konsep Relational Database Management Systems

(RDBMS),terdapat suatu struktur bahasa yang sudah standar untuk

membangun basis datanya”.

Menurut Prasetio (2012:182) “SQL (dibaca “ess-que-el”)

merupakan kependekkan dari Structured Query Language. SQL digunakan

untuk berkomunikasi dengan sebuah Database. Sesuai ANSI, SQL

merupakan bahasa standar untuk sistem manajemen database relasional”.

Dapat disimpulkan bahwa SQL (Structured Query Language)

merupakan struktur bahasa yang digunakan untuk membangun basis data

dan digunakan untuk berkomunikasi dengan database.

C. Perangkat Lunak Yang Digunakan

1. Hypertext Preprocessor (PHP)

Menurut Sibero (2012:49), “PHP (Personal Home Page) adalah

pemograman (interpreter) adalah proses penerjemahan baris sumber

menjadi kode mesin yang dimengerti komputer secara langsung pada saat

baris kode dijalankan”.

 16

Menurut Kustiyahningsih (2011:114), “PHP (atau resminya

PHP: Hypertext Preprosesor) adalah skrip bersifat Bersifat server-side

yang di tambahkan ke dalam HTML. PHP sendiri merupakan singkatan

dari Personal Home Page Tools. Skrip ini akan membuat suatu aplikasi

dapat di integrasikan ke dalam HTML sehingga suatu halaman web tidak

lagi bersifat statis, namun menjadi bersifat dinamis. Sifat server side berarti

pengerjaan script dilakukan di server, baru kemudian hasilnya dikirimkan

ke browser”.

Berdasarkan pendapat para ahli yang dikemukakan di atas dapat

ditarik kesimpulan bahwa PHP adalah bahasa pemrograman yang

digunakan secara luas untuk penanganan pembuatan dan pengembangan

sebuah situs web dan bisa digunakan bersamaan dengan HTML.

2. Codeigniter

Menurut Supono dan Putratama (2016:109) “Codeigniter adalah

aplikasi open source yang berupa framework dengan model MVC

(Model, View, Controller) untuk membangun website dinamis dengan

menggunakan PHP ”.

Menurut Widodo (2013:6) “Codeigniter merupakan framework

PHP yang diklaim memiliki eksekusi tercepat dibandingkan dengan

framework lainnya. Codeigniter bersifat open source dan menggunakan

model basic MVC (Model View Controller), yang merupakan model

konsep modern framework yang digunakn saat ini”.

 17

Sedangkan menurut Purbadian (2016:18) “Codeigniter adalah

sebuah framework yang dibuat menggunakan bahasa pemoraman PHP

yang bertujuan untuk memudahkan para programmer web untuk membuat

atau mengembangkan aplikasi berbasis web”.

Berdasarkan pengertian diatas dapat ditarik kesimpulan bahwa

Codeigniter adalah aplikasi open source yang merupakan framework PHP

dengan eksekusi tercepat dan menggunakan model basic MVC (Model

View Controller) untuk membangun sebuah website yang dinamis dan

bertujuan untuk memudahkan para programmer web untuk membuat atau

mengembangkan aplikasi berbasis web.

3. Bootstrap

Sebuah Framework CSS untuk membangun website yang menarik

agar memudahkan pengembang disebut Bootstrap. Sulit untuk

mengembangkan dan pemeliharaannya jika tidak ada konsistensinya

terhadap aplikasi individual. Bootstrap memberikan solusi rapi dan

seragam terhadap solusi yang umum, tugas interface yang setiap

pengembang hadapi.

Menurut Alatas (2013:2) dalam bukunya yang berjudul

Responsive Web Design dengan PHP dan Bootstrap, mengemukakan

bahwa “Bootstrap merupakan Framework ataupun Tools untuk membuat

 18

aplikasi web ataupun situs web responsive secara cepat, mudah dan

gratis”.

Kumpulan alat gratis untuk membuat website dan aplikasi web

atau modular yang pada dasarnya terdiri dari serangkaian stylesheet LESS

yang menerapkan berbagai komponen toolkit adalah Bootstrap (Riyanto,

2014:18).

Pengertian di atas dapat disimpulkan bahwa bootstrap adalah

Framework CSS untuk membangun website yang menarik supaya

memudahkan pengembang.

4. XAMPP

Menurut Purbadian (2016:1), berpendapat bahwa “XAMPP

merupakan suatu software yang bersifat open source yang merupakan

pengembangan dari LAMP (Linux, Apache, MySQL, PHP dan Perl)”.

Menurut Kartini (2013:27-26), “Xampp merupakan tool yang

menyediakan paket perangkat lunak ke dalam satu buah paket”.

Sedangkan menurut (2015:1) “Xampp merupakan paket PHP dan

MySQL berbasis open source, yang dapat digunakan sebagai tool

pembantu pengembangan aplikasi berbasis PHP”.

Berdasarkan pengertian diatas dapat disimpulkan bahwa Xampp

merupakan tool pembantu pengembangan paket perangkat lunak berbasis

open source yang menggabungkan Apache web server, MySQL, PHP dan

beberpa modul lainnya di dalam satu paket aplikasi.

 19

5. Visual Studio Code

Visual Studio Code adalah editor source code yang dikembangkan

oleh Microsoft untuk Windows, Linux dan MacOS. Ini termasuk

dukungan untuk debugging, GIT Control yang disematkan, penyorotan

sintaks, penyelesaian kode cerdas, cuplikan, dan kode refactoring. Hal ini

juga dapat disesuaikan, sehingga pengguna dapat mengubah tema editor,

shortcut keyboard, dan preferensi.Visual Studio Code gratis dan open-

source, meskipun unduhan resmi berada dibawah lisensi proprietary.Kode

Visual Studio didasarkan pada Elektron, kerangka kerja yang

digunakan untuk menyebarkan aplikasi Node.js untuk desktop yang

berjalan pada Blinklayout. Meskipun menggunakan kerangka Elektron,

Visual Studio Code tidak menggunakan Atom dan menggunakan

komponen editor yang sama (diberi kode nama "Monaco") yang

digunakan dalam Visual Studio Team Services yang sebelumnya disebut

Visual Studio Online (Lardinois, 2015) .

Edy Winarno dan Ali Zaki, (2014:102). Visual Studio Code adalah

kode editor sumber yang berkembang oleh Microsoft untuk Windows,

Linux dan macOS. Ini termasuk dukungan untuk debugging, kontrol git

yang ternama dan GitHub, penyorotan sintaksis, penyelesaian kode

cerdas, snippet, dan refactoring kode.

Berdasarkan pengertian diatas dapat disimpulkan bahwa Visual

Studio Code termasuk dukungan untuk debugging, GIT Control yang

 20

disematkan, penyorotan sintaks, penyelesaian kode cerdas, cuplikan, dan

kode refactoring. Digunakan untuk menyebarkan aplikasi Node.js untuk

desktop yang berjalan pada Blinklayout.

 BAB III PEMBAHASAN
PEMBAHASAN

A. Tinjauan Umum Kost Orange Palangka Raya

Tahun 2015 Didirikan Kost Orange Palangka Raya atas nama ibu

Christin Ratna Dewi. Antara lain Kost Orange Palangka Raya terdiri dari 8

kamar yang didirikan di jalan G. Obos VI Gang Perum Jayabaya. Seiring

dengan perkembangan dimana fasilitas dari kost terdiri dari kamar mandi,

Free Wifi, hitachi air sendiri, dan listrik 900 VA.

B. Analisa Masalah

Dari analisis terhadap Kost Orange Palangka Raya maka penulis dapat

menyimpulkan bahwa merancang suatu sistem yang baru, tentu kita

memerlukan sebuah internet memberikan seluruh kemudahan bagi para

penggunanya untuk saling berbagi informasi dan mengolah data. Dalam

pemanfaatan teknologi ini diperlukan suatu media yang disebut website. Salah

satu fungsi dari website adalah untuk memperkenalkan profil perusahaan atau

produk kepada masyarakat demikian pula Tempat Kost Orange Palangka

Raya. Kost yang sudah berdiri selama 7 tahun. Dikerenakan kost orange

palangkaraya kost yang sudah lama berdiri, proses menampilkan tempat kost

masih menggunakan iklan di depan rumah atau di lokasi tempat kost. Sehinga

21
 22

berinisiatif untuk membantu pihak pemilik Kost Orange Palangka Raya dalam

memperkenalkan produk yang ditawarkan dengan media informasi berbasis

web dengan mengunakan PHP dan MySQL dapat menjadi solusi tepat bagi

masalah ini.

C. Penyelesaian Masalah

Dalam penyelesaian masalah pembuatan aplikasi menampilkan tempat

kost berbasis web dengan menggunakan PHP dan MySQL pada Kost Orange

Palangkaraya, digunakan langkah-langkah penyelesaian sebagai berikut :

1. Mendefenisikan Masalah

Berdasarkan permasalahan yang telah diuraikan sebelumnya dapat

dilihat bahwa perlu adanya sebuah aplikasi yang efektif dan efisein dalam

mengelola media informasi pada Tempat Kost Orange Palangkaraya.

Diperlukan pula satu database yang nantinya dapat menyimpan data-data

berupa proses reservasi, tampilan kost dan kontak.

2. Memilih Bahasa Pemograman

Dalam pembuatan sebuah aplikasi pengolahan data diperlukan

bahasa pemograman, karena aplikasi ini berbasis web, maka memilih

bahasa pemograman web yaitu PHP yang diintergrasikan dengan

MySQL sebagai database.

 23

D. Implementasi

Sebelumnya perlu diketahui, bahwa program aplikasi ini dibagi dua

bagian yaitu admin dan pengunjung (user). Adapun langkah-langkah

pembuatan aplikasi pengolahan media informasi berbasis web ini adalah

sebagai berikut :

1. Merancang tampilan website

Merangcang tampilan website yang nantinya akan dibuat seperti

apa sebelum diimplementasikan pada website yang dibuat.

2. Perangkat keras hardware

Adapun kebutuhan hardware yang diperlukan untuk merancang

aplikasi ini adalah sebagai berikut:

a. CPU Processor : 1.10 Ghz

b. Memory RAM : 4.00 GB

c. Harddisk : 465.75 GB

d. Monitur : Resolution 1366 x 768 (Recommended)

e. Keyboard : PS2/104keys

f. Mouse : M210/ROBOT

3. Menginstal aplikasi yang dibutuhkan

Software-software yang dibutuhkan untuk membantu aplikasi web

ini antara lain:

 24

a. XAMPP

Xampp adalah intsaller PHP yang berjalan dilingkungan windows dan

didalamnya terdapat Apache web server dan Database MySQL.

b. Visual Studio Code

Software ini digunakan editor dalam pembuatan aplikasi web.

c. Mozilla Firefox

Mozilla Firefox adalah salah satu browser untuk website.

4. Membuat database, tabel dan folder

a. Pembuatan Database

Sebelum membuat halaman web, terlebih dahulu dibuat sebuah

database pada MySQL dengan mengunakan perangkat lunak Xampp.

Database perlu dibuat terlebih dahulu karena saat membuat halaman

web dibutuhkan koneksi ke database. Dalam aplikasi berikut terdapat

database dengan menggunakan PHP dan MySQL yaitu

“kostorange.sql”

b. Pembuatan Tabel

Langkah selanjutnya adalah membuat tabel dalam database

sebagai tempat untuk menyimpan media informasi Kost Orange

Palangkaraya, tabel-tabel tersebut antara lain sebagai berikut:

1) Tabel Kamar (tbl_kamar)

Tabel 1 digunakan untuk tabel database menyimpan jenis

data kamar dari masing-masing kamar.

 25

Table 1. Tabel Kamar

Field Type data Extra Keterangan

id_kamar int(5) AUTO_INCREMENT Kode Kamar
Nomor Kamar Kost
nomor_kamar varchar(5)
Penghuni
nama_penghuni varchar(20) Nama Penghuni
no_hp int(15) Nomor Hp
asal_penghuni varchar(20) Asal Penghuni
status varchar(15) Berpenghuni/Kosong

2) Tabel Info (tbl_info)

Tabel 2 merupakan tabel database yang menyipan data info

kost.

Table 2. Tabel Info

Field Type data Extra Keterangan

id_info int(5) AUTO_INCREMENT Kode Info
syarat varchar(25) Syarat
deskripsi varchar(200) Deskripsi
sewa_kost varchar(50) Sewa Kost

3) Tabel Gallery (tbl_gallery)

Tabel 3 merupakan tabel database yang menyimpan data

gallery.

Table 3. Tabel Gallery

Field Type data Extra Keterangan

id_gallery int(5) AUTO_INCREMENT Kode Gallery
nama_gallery text Nama Gallery
sampul text File Sampul Gallery
 26

4) Tabel Foto (tbl_foto)

Tabel 4 merupakan tabel database yang menyimpan data

foto kost di gallery.

Table 4. Tabel Foto

Field Type data Extra Keterangan

id_foto int(5) AUTO_INCREMENT Kode Foto
id_gallery int(5) Kode Gallery
ket_foto text Keterangan Foto
foto text File Foto Gallery

5) Tabel Setting (tbl_setting)

Tabel 5 merupakan tabel database yang menyimpan data

setting.

Table 5. Tabel Setting

Field Type data Extra Keterangan

id int(5) AUTO_INCREMENT Kode Setting
nama_kost varchat(20) Nama Kost
alamat varchat(100) Alamat Kost
no_telpon int(15) Nomor Pemilik Kost
foto_kost varchat(10) Foto Kost
peraturan varchat(100) Peraturan Kost
fasilitas varchat(100) Fasilitas Kost

6) Tabel User (tbl_user)

Tabel 6 merupakan untuk menyimpan data admin yang

mengolah semua data pada website ini, juga sebagai akses untuk

login ke halaman administrator.

 27

Table 6. Tabel User

Field Type data Extra Keterangan

id_user int(5) AUTO_INCREMENT Kode User
username varchat(10) Username Admin
password varchat(10) Password Admin

c. Pembuatan folder dan subfolder

Sebelum membuat web terlebih dahulu dibuat beberapa forder

yang akan digunakan untuk menyimpan file-file web nantinya yaitu

folder xampp, htdocs, kostorange. Folder ini bersifat file-file folder

dan sub folder yang digunakan sebagai konten untuk membuat

halaman dan sebagai konten. File-file tersebut antara lain application,

foto, foto_kost, sampul, system, template, user_guide, sebagai file

untuk akses konten-konten yang terdapat halaman utama website.

d. Merancang dan membuat halaman website

Pada tahap perancangan dan pembuatan halaman website,

terdapat dua tahap yaitu:

1. Halaman Utama

Halaman utama yang diperlihatkan untuk pengunjung

melihat menu yang disediakan seperti gambar berikut ini:

a. Menu Utama Pengunjung

Rancangan menu utama pengunjung dapat dilihat pada

Gambar 1.
 28

Gambar 1. Rancangan Halaman Menu Utama Pengunjung

Pada Halaman utama terdapat menu home, kost (info

kost dan data kamar), gallery, tentang kami, kontak dan tombol

login.

b. Menu Kost

Rancangan menu kost terdiri dari info kost dan data kamar

jika info kost yang dipilih akan menampilkan info kost jika

yang dipilih data kamar maka akan menampilkan data kamar.

c. Menu Kost (info kost)

Rancangan menu kost (info kost) pengunjung dapat

dilihat pada Gambar 2.

 29

Gambar 2. Rancangan Halaman Kost (info kost)

Pada halaman menu kost menampilkan info kost

pengunjung dapat melihat seperti deskripsi, syarat dan sewa

kost.

d. Menu Kost (data kamar)

Rancangan menu kost (data kamar) pengunjung dapat

dilihat pada Gambar 3.

Gambar 3. Rancangan Halaman Kost (Data Kamar)

 30

Pada halaman menu kost menampilkan data kamar

pengunjung bisa melihat terdiri dari nomor kost dan status kost

yang berpenghuni atau kosongnya kost.

e. Menu Gallery

Rancangan menu gallery pada halaman pengunjung

dapat dilihat pada Gambar 4.

Gambar 4. Rancangan Halaman Gallery

Pada halaman gallery, pengujung dapat melihat gallery

kost yang terdiri dari foto-foto kost.

f. Menu Tentang Kami

Rancangan menu tentang kami pada halaman

pengunjung dapat dilihat pada Gambar 5.

 31

Gambar 5. Rancangan Halaman Tentang Kami

Pada halaman tentang kami, pengunjung dapat melihat

foto kost, nama kost, alamat, phone, peraturan kost, dan

fasilitas kost.

g. Menu Kontak

Rancangan menu kontak pada halaman pengujung

dapat dilihat pada Gambar 6.

Gambar 6. Rancangan Halaman Kontak

 32

Pada halaman kontak, terlihat peta lokasi, jaringan

sosial, dan temukan kami dari Kost Orange Palangka Raya.

2. Halaman Admin

a. Halaman Login

Rancangan halaman login dapat dilihat pada Gambar 7.

Gambar 7. Rancangan Halaman Login Admin

Rancangan halaman login digunakan admin untuk

masuk kehalaman admin dengan memasukkan username dan

password kemudian memilih tombol login dan tombol kembali

ke website untuk kembali lagi ke halaman website awal.

b. Menu Dashboard

Rancangan halaman admin dapat dilihat pada Gambar

8.
 33

Gambar 8. Rancangan Halaman Dashboard

Pada halaman admin disediakan tombol atau menu

dashboard data kamar, info kost, gallery, setting, dan logout

yang masing-masing fungsinya ditombol tersendiri untuk

melihat halaman dashboard.

c. Menu Data Kamar

Rancangan halaman data kamar dapat dilihat pada

Gambar 9.

Gambar 9. Rancangan Halaman Data Kamar

 34

Pada halaman kelola kamar, admin dapat mengelola

kamar yang terdapat pada Kost Orange Palangkaraya,baik

tambah data, ubah atau hapus data kamar.

d. Menu Info Kost

Rancangan halaman info kost dapat dilihat pada

Gambar 10.

Gambar 10. Rancangan Halaman Info Kost

Pada halaman halaman info kost, admin dapat

mengelola info kost seperti syarat kost, dan derkripsi kost, baik

itu tambah data, ubah atau hapus data info kost.

e. Menu Gallery

Rancangan halaman gallery dapat dilihat pada Gambar

11.
 35

Gambar 11. Rancangan Halaman Gallery

Pada halaman kelola gallery, admin dapat mengelola

foto gallery yang terdapat pada Kost Orange Palangkaraya,

baik itu add, tambah foto, dan ubah atau hapus foto gallery.

f. Menu Setting

Rancangan halaman setting dapat dilihat pada Gambar

12.

Gambar 12. Rancangan Halaman Setting

 36

Pada halaman kelola setting, admin dapat mengelola

setting tentang Kost Orange Plangkaraya, baik itu ganti foto,

alamat, nomor telpon pemilik kost, peraturan kost dan fasalitas

kost baik dan update kost.

g. Log Out

Menu ini untuk keluar dari halaman admin kembali ke

halaman utama.

E. Rancangan Struktur Navigasi

Dalam pembuatan aplikasi website ini menggunakan struktur navigasi,

Struktur navigasi yang digunakan adalah struktur navigasi no linier. Setiap

tampilan tidak ada master page dan slave page yaitu kedudukan yang sama.

Struktur navigasi terdiri dari bagian-bagian dari struktur navigasi pada

halaman website. Struktur navigasi pada halaman admin dan struktur navigasi

pemain berikut dibawah ini.

Menu Login Admin

Home Kost Gallery Tentang Kami Kontak

Info Kost Data Kamar

Gambar 13. Struktur Navigasi Menu Antar Muka

 37

a. Menu antar muka user terdiri dari 5 pilihan, yaitu:

1. Halaman antar muka Home

2. Halaman antar muka Kost (Info Kost dan Data Kamar)

3. Halaman antar muka Gallery

4. Halaman anatr muka Tentang Kami

5. Halaman antar muka Kontak

b. Menu antar muka admin terdiri dari 5 pilihan tombol, yaitu:

1. Halaman antar muka Data Kamar, tambah, edit dan hapus.

2. Halaman antar muka Info Kost, tambah, edit dan hapus.

3. Halaman antar muka Gallery, tambah foto, edit dan hapus.

4. Halaman antar muka Setting, ganti foto dan update.

5. Halaman antar muka Log Qut, keluar dari admin.

F. Relasi Tabel Dalam Database

Relasi antar tabel adalah gambaran hubungan tabel memungkinkan

untuk saling berhubungan satu sama lain. Dalam aplikasi ini tidak ada relasi

antar tabel, karena data berdiri sendiri tanpa keterkaitan dengan tabel lain.

Aplikasi berbasis web dengan menggunakan PHP dan MySQL pada Kost

Orange Palangka Raya dapat dilihat pada Gambar 14.

 38

Gambar 14. Relasi Antar Tabel

G. Pengujian Website

Untuk memastikan website berjalan dengan baik, maka perlu adanya

pengujian terlebih dahulu sebelum di upload ke internet. Cara untuk

melakukan pengujian terhadap website yang telah dibuat adalah dengan

membuka browser Google Chrome. Masukan pada addres bar

localhost/kostorange/, jika website tidak mengelami kesalahan maka website

akan menampilkan berbagai menu yang telah dibuat sebelumnya dan jika

masih ada keselahan pada website maka akan tampil pesan error pada

halaman website yang dibuka.

H. Tahap Menjalankan Website

Dalam website ini akan dijelaskan langkah-langkah menjalankanya,

yaitu sebagai berikut:

 39

1. Halaman Utama

Halaman utama yang diperlihatkan untuk pengunjung melihat menu yang

disediakan seperti gambar berikut ini:

a. Menu Utama Pengunjung

Halaman menu utama pengunjung dapat dilihat pada Gambar

15.

Gambar 15. Halaman Menu Utama Pengunjung

Pada Halaman utama terdapat menu home, kost (info kost dan

data kamar), gallery, tentang kami, kontak dan tombol login.

b. Menu Kost

Halaman menu kost terdiri dari info kost dan data kamar jika

info kost yang dipilih akan menampilkan info kost jika yang dipilih

data kamar maka akan menampilkan data kamar.

 40

c. Menu Kost (info kost)

Halaman menu kost (info kost) pengunjung dapat dilihat pada

Gambar 16.

Gambar 16. Halaman Kost (info kost)

Pada halaman menu kost menampilkan info kost pengunjung

dapat melihat seperti deskripsi, syarat dan sewa kost.

d. Menu Kost (data kamar)

Halaman menu kost (data kamar) pengunjung dapat dilihat

pada Gambar 17.

 41

Gambar 17. Halaman Kost (data kamar)

Pada halaman menu kost menampilkan data kamar

pengunjung bisa melihat terdiri dari nomor kost dan status kost yang

berpenghuni atau kosongnya kost.

e. Menu Gallery

Halaman menu kost pada halaman pengunjung dapat dilihat

pada Gambar 18.

Gambar 18. Halaman Gallery

 42

Pada halaman gallery, pengunjung dapat melihat gallery. Yang

terdiri dari gallery foto dan jumlah foto Kost Orange Palangka Raya.

f. Menu Tentang Kami

Halaman menu tentang kami pada halaman pengunjung dapat

dilihat pada Gambar 19.

Gambar 19. Halaman Tentang Kami

Pada halaman tentang kami, pengunjung dapat melihat tentang

kami. Terlihat informasi nama kost, alamat, phone, peraturan kost dan

fasilitas kost.

g. Menu Kontak

Halaman menu kontak pada halaman pengunjung dapat dilihat

pada Gambar 20.

 43

Gambar 20. Halaman Kontak

Pada halaman kontak, pengunjung dapat melihat informasi peta

lokasi, nomor telpon yang bisa hubungi ke whatsapp dari pemilik Kost

Orange Palngkara Raya.

2. Halaman Admin

a. Halaman Login

Halaman login dapat dilihat pada gambar 21.

Gambar 21. Halaman Login

 44

Halaman login digunakan admin untuk masuk kehalaman

admin dengan memasukkan username dan password kemudian

memilih tombol login dan tombol kembali ke website untuk kembali

lagi ke halaman website awal.

b. Menu Dashboard

Halaman admin dapat dilihat pada Gambar 22.

Gambar 22. Halaman Dashboard

Pada halaman admin disediakan tombol atau menu dashboard

data kamar, info kost, gallery, setting, dan logout yang masing-masing

fungsinya ditombol tersendiri untuk melihat halaman dashboard.

c. Menu Data Kamar

Halaman data kamar dapat dilihat pada Gambar 23.

 45

Gambar 23. Halaman Data Kamar

Pada halaman data kamar, admin dapat data kamar yang

terdapat pada Kost Orange Palangka Raya, baik itu tambah data, ubah

atau hapus data kamar.

d. Menu Info Kost

Halaman info kost dapat dilihat pada Gambar 24.

Gambar 24. Halaman Info Kost

 46

Pada halaman info kost, admin dapat mengelola info kost yang

terdapat pada Kost Orange Palangkaraya, baik itu tambah data, ubah

atau hapus data info kost

e. Menu Gallery

Halama gallery dapat dilihat pada Gambar 25.

Gambar 25. Halaman Gallery

Pada halaman gallery, admin dapat mengelola add gallery

berupa gambar yang terdapat pada kost Orange Palangkaraya, tambah

foto baik itu ubah atau hapus gallery foto kost.

 47

f. Menu Setting

Halaman setting dapat dilihat pada Gambar 26.

Gambar 26. Halaman Setting

g. Log Out

Menu ini untuk keluar dari halaman admin kembali ke halaman

utama.

I. Hosting dan Domain

1. Hosting

Pengertian hosting atau web hosting adalah sebuah tempat di mana

file dan data yang diperlukan website disimpan serta dapat diakses dan

dikelola melalui internet. File website yang disimpan pada hosting berupa

video, gambar, email, script, aplikasi dan database.

 48

2. Domain

Domain adalah alamat website. Alamat yang dituliskan pada URL

bar browser favorit dengan berakhiran .com, .co.id, .id, .ac.id itulah yang

disebut dengan nama domain kostorange.com..

3. Tahap Hosting dan Domain

Tahap ini merupakan langkah-langkah tentang instalasi sistem ke

dalam hosting agar dapat di akses pada jaringan internet. Dalam tahap ini

penulis menggunakan hosting berbayar sebagai sarana untuk

implementasi sistem yaitu pada https://www.rumahweb.com/

a. Langkap pertama adalah mengakses halaman aplikasi

https://www.rumahweb.com/ maka akan muncul tampilan beranda

rumahweb seperti pada Gambar 27.

Gambar 27. Tampilan Beranda Rumahweb

 49

b. Selanjutnya pilih Login di pojok kanan atas pada beranda rumahweb

seperti pada Gambar 28.

Gambar 28. Tampilan Login Rumahweb

c. Setelah melakukan login maka akan di arahkan ke tampilan website

yang akan digunakan seperti pada Gambar 29.

Gambar 29. Tampilan Website Rumahweb

 50

d. Setelah masuk ketampilan website yang akan dikelola maka tahap

selanjutnya adalah masuk ke Manage Product dan pilih login to

cpanel seperti pada Gambar 30.

Gambar 30. Tampilan Manage Product

e. Setelah login maka selanjutnya akan ke di arahkan ke Cpanel untuk

mengupload file PHP, HTML, MySQL dan file-file lainnya dengan

memilih Pengelola File seperti pada Gambar 31.

Gambar 31. Tampilan Pengelola File

 BAB IV PENUTUP
PENUTUP

A. Kesimpulan

Berdasarkan pembahasan pada bab-bab sebelumnya maka diambil

beberapa kesimpulan, yaitu:

1. Berhasil dibangun dan rilis berhasil uji coba untuk Tempat Kost Orange

Palangka Raya menggunakan bahasa pemrograman PHP dan MySqli yang

berbasis website.

2. Aplikasi website sebagai media informasi yang tempat untuk Kost Orange

Palangka Raya secara online, dengan ada nya website ini dapat membantu

pemilik kost dalam proses menapilkan tempat kost dan promosi.

3. Sistem Informasi berbasis web yang dibuat dapat mempercepat proses

untuk menapilkan tempat Kost Orange Palangka Raya.

B. Saran

Untuk implementasi dan pengembangan di masa yang akan datang,

diusulkan saran-saran sebagai berikut:

1. Didalam aplikasi website ini masih terdapat banyak kekurangan, untuk

kedepannya diharapkan agar dapat dikembangkan jauh lebih baik dari

sebelumnya.

51
 52

2. Untuk pekerbangan selanjutnya hendaknya sistem dapat mengelola sistem

transaksi dan pembayaran online yang lebih luas dengan penambahan fitur

pengelolaan keuangan serta berbasis android.

 DAFTAR PUSTAKA

Maulani, Giandari., Septiani, D., dan Sahara, P. N. F. 2018. Rancang Bangun Sistem
Informasi Inventory Fasilitas Maintenance Pada Pt. Pln (Persero) Tangerang.
ICIT Journal. 4(2).

Gunawan, T. E. 2017. Aplikasi E-Book pada Perpustakaan STMIK Palangkaraya

Berbasis Web, STMIK Palangkaraya, Palangkaraya.

Yuhefizar. 2013. Cara Mudah & Murah Membangun & Mengelola

Website.Yogyakarta: Graha Ilmu.

Dana, A. A. (2013). Analisis Faktor-faktor Yang Menjadi Pertimbangan Mahasiswa

Dalam Memilih Tempat Kos di Kelurahan Sumbersari Malang City .[Skripsi]
Malang (ID): Universitas Negeri Malang.

Fathansyah. (2015). Basis Data. Bandung: Informatika Bandung.

Database Sutarman. 2012. Pengantar Teknologi Informasi. Jakarta: PT. Bumi Aksara.

Kustiyahningsih,Yeni. 2011. “Pemrograman Basis Data Berbasis Web Menggunakan

PHP & MySQL”. Jakarta: Graha Ilmu.

Supono, dan Virdiandry Putratama. (2016). Pemrograman Web dengan

Menggunakan PHP dan Framework CodeIgniter. Deepublish (Grup
Penerbitan CV Budi Utama), Yogyakarta.

Alatas, H. (2013). Responsive Web Design dengan PHP & Bootstrap. Yogyakarta:
Lokomedia.

Lardinois, F. (2015). Microsoft Launches Visual Studio Code, a Free CrossPlatform

Code Editor for OS X, Linux and Windows.
Lampiran 1. Surat Tugas Pembimbing
Lampiran 2. Surat Observasi
Lampiran 3. Lembar Dokumentasi

Kost Orange Palangkaraya

Lampiran 4. Lembar Wawancara
Lampiran 5. Kartu Konsultasi