ANDITA SUSANTI PUTRI M3209008

(1)

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

(2)

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

(3)

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 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

(4)

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.

(5)

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.

(6)

commit to user

vi

MOTTO

“ Musuh terbesar dalam hidup adalah dirimu sendiri ”

(Muhammad SAW)

“ Keberhasilan tidak akan tercapai tanpa usaha dan kerja keras “

(7)

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

(8)

commit to user

(9)

HALAMAN PERSETUJUAN ... ii

HALAMAN PENGESAHAN ... iii

ABSTRACT ... iv

ABSTRAK... v

MOTTO ... vi

HALAMAN PERSEMBAHAN ... vii

KATA PENGANTAR ... viii

1.5Metodologi 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

(10)

commit to user

x

BAB II LANDASAN TEORI ... 6

2.1Konsep 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.2Desain Sistem ... 8

2.3.3 Manajemen Sistem Basis Data ... 10

2.3.4 Entity Relationship Diagram ... 10

2.4PHP ... 12

2.5CSS ... 12

2.6Mengenal phpMyAdmin ... 12

2.7Adobe Dreamweaver CS5 ... 13

BAB III DESAIN DAN PERANCANGAN SISTEM ... 14

3.1Analisis Kebutuhan Sistem ... 14

3.2Perancangan Sistem ... 14

3.2.1 Context Diagram ... 15

3.2.2 Data Flow Diagram ... 16

3.2.2.1DFD Level 0 ... 16

3.2.2.2DFD Level 1 proses 5 ... 18

3.2.2.3DFD Level 1 proses 7 ... 18

3.3Perancangan Database ... 19

3.3.1 Entity Relationship Diagram ... 19

3.3.2 Skema Diagram ... 20

3.4Desain 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

(11)

commit to user

xi

BAB IV IMPLEMENTASI DAN EVALUASI ... 27

4.1Implementasi Interface ... 27

4.1.1 Implementasi Halaman Pengunjung ... 27

4.1.1.1Halaman Home ... 27

4.1.1.2Halaman Kategori ... 28

4.1.1.3Halaman Registrasi ... 28

4.1.1.4Halaman Login ... 29

4.1.2 Implementasi Halaman Pemesan ... 30

4.1.2.1Halaman Home ... 30

4.1.2.2Halaman Kategori ... 30

4.1.2.3Halaman pesan kamar kost ... 31

4.1.2.4Implementasi peta ... 32

4.1.3 Implementasi Halaman Pemilik ... 33

4.1.3.1Halaman Home Pemilik ... 33

4.1.3.2Halaman Tambah Kost ... 34

4.1.3.3Halaman registrasi pemilik ... 35

4.1.4 Implementasi halaman admin ... 36

4.1.4.1Halaman home admin ... 36

4.1.4.2Halaman daftar user ... 37

4.2Uji Coba Sistem ... 38

4.3Evaluasi Perangkat Lunak ... 38

4.3.1 Kelebihan perangkat lunak ... 38

4.3.2 Kekurangan perangkat lunak ... 38

BAB V PENUTUP ... 39

5.1Kesimpulan ... 39

5.2Saran ... 39

DAFTAR PUSTAKA ... 40

(12)

commit to user

xii

DAFTAR TABEL

Tabel 3.1 Tabel Admin ... 21

Tabel 3.2 Tabel User ... 21

Tabel 3.3 Tabel Kost ... 22

(13)

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

(14)

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

(15)

commit to user

(16)

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

(17)

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.2Rumusan 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.3Batasan 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

(18)

commit to user

3

1.4Tujuan 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.5Metodologi 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

(19)

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.6Sistematika 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

(20)

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

(21)

commit to user

6

BAB II

LANDASAN TEORI

2.1Konsep 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.

(22)

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.

(23)

commit to user

8

2.2Desain 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

(24)

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.3Desain 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

(25)

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

(26)

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

(27)

commit to user

12

2.4PHP

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.5CSS

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

(28)

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.

(29)

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.2PERANCANGAN 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

(30)

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

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

(31)

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.1DFD 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.

(32)

Konfirm Data Manajemen Pemilik Kost

(33)

commit to user

18

3.2.2.2DFD 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 KOST

Tb. Kost Data kost Data kost

5.2

Edit data kost Edit data kost

Konfirm data kost

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.

(34)

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.

(35)

commit to user

20

3.3.2 Skema Diagram

Skema diagram menggambarkan tentang hubungan antar tabel.

ADMIN

3.3.3 Struktur Tabel Data

Struktur tabel data untuk info kost online adalah sebagai berikut

3.3.3.1Tabel Admin

Tabel admin digunakan untuk menyimpan data admin untuk autotenfikasi.

(36)

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.2Tabel 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

Tabel ini digunakan untuk menyimpan data kost sehingga kita mengetahui

informasi kost. Informasi itu terdiri dari jenis, fasilitas, harga, letak, hingga

(37)

commit to user

22

Tabel 3.3 Tabel Kost

No Nama Field Tipe Data Lebar Default Keterangan

Tabel pemesanan digunakan untuk penyimpanan data-data pemesanan.

Tabel 3.4 Tabel Pemesanan

(38)

commit to user

23

3.4DESAIN 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 Registras Login

Copyright

GAMBAR

teks GAMBAR

teks

GAMBAR

teks Teks

Kategori

(39)

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

teks

GAMBAR

teks GAMBAR

teks Teks

Kategori

(40)

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 Logout

Copyright

GAMBAR

teks

GAMBAR

teks GAMBAR

teks Teks

Kategori

(41)

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

teks

GAMBAR

teks GAMBAR

teks Teks

Kategori

(42)

commit to user

27

BAB IV

IMPLEMENTASI DAN EVALUASI

4.1Implementasi 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.1Halaman 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.

(43)

commit to user

28

4.1.1.2Halaman 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.3Halaman 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

(44)

commit to user

29

Gambar 4.3 Halaman registrasi

4.1.1.4Halaman 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.

(45)

commit to user

30

4.1.2 Implementasi Halaman Pemesan

4.1.2.1Halaman 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.2Halaman 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

(46)

commit to user

31

Gambar 4.6 Halaman kategori pemesan

4.1.2.3Halaman 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

(47)

commit to user

32

Gambar 4.7 Halaman Pesan Kamar Kost

Gambar 4.8 Notifikasi

4.1.2.4Implementasi 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

(48)

commit to user

33

Gambar 4.9 Lihat Lokasi

Gambar 4.10 Peta

4.1.3 Implementasi Halaman Pemilik

4.1.3.1Halaman 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

(49)

commit to user

34

Gambar 4.11 Halaman home pemilik

4.1.3.2Halaman 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

(50)

commit to user

35

Gambar 4.12 Halaman tambah kost

4.1.3.3Halaman 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

(51)

commit to user

36

Gambar 4.13 Halaman registrasi pemilik

4.1.4 Implementasi halaman admin

4.1.4.1Halaman 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

(52)

commit to user

37

Gambar 4.14 Halaman home admin

4.1.4.2Halaman 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

(53)

commit to user

38

4.2Uji 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.3Evaluasi 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

(54)

commit to user

39

BAB V

PENUTUP

5.1Kesimpulan

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.2Saran

Untuk perkembangan website ini di kemudian hari, penulis memberi saran

untuk mengembangkan website dengan Code Igniter serta menambahkan