“SeKON v.1.0”
Disusun Oleh :
2010-2011
BAB I
LATAR BELAKANG
Hidup jauh dari keluarga merupakan suatu pilihan, ketika minat belajar dan pekerjaan
menuntut seseorang untuk bermukim di suatu daerah baru akan cukup sulit bagi seseorang
untuk menemukan permukiman yang layak dan sesuai dengan keinginannya. Terlebih sebagai
mahasiswa yang memiliki pemasukan tidak lebih (pas-pasan) dan hanya mengandalkan kiriman
dari orang tua saja, mendapatkan kos atau kontrakan yang sesuai dengan kebutuhan akan
dapat membantu menghemat biaya hidup. Namun apa yang terjadi apabila seseorang yang
belum pernah ke suatu daerah dan tidak memiliki koneksi mencari tempat bermukim. Jelas hal
tersebut sangat menyita waktu dan bukan tidak mungkin kalau harga kos atau kontrakan dapat
Untuk itulah kita harus memikirkan solusi bersama, bagaimana agar mobilitas setiap
orang tidak terhambat dengan mencari kos atau kontrakan, salah satu solusinya adalah dengan
membuat suatu system informasi kosan yang di dalamnya terdapat mekanisme untuk
melakukan survey secara online sampai dengan melakukan proses pemesanan. System ini
menggunakan metode web based, dimana setiap orang dapat mendaftar secara online baik
sebagai investor maupun user dan dapat mencari lokasi kos atau kontrakan yang akan disewa
:: SeKON v.1.0 :: | 1
BAB II
DASAR TEORI
Perkembangan teknologi membawa perubahan yang sangat terasa dalam informasi dan
komunikasi. Hal ini semakin dirasakan ketika muncul layanan-layanan teknologi bagi jaringan
yang semakin memudahkan pengguna untuk melakukan pertukaran data dan informasi. Jika
sebelumnya informasi dan komunikasi dilakukan secara sederhana, saat ini masyarakat dapat
Dari sekian banyak layanan yang ada, web merupakan layanan terpopuler, bahkan
paling sering diakses oleh sebagian besar masyarakat untuk bertukar informasi dan data. Web
merupakan sebuah singkatan dari World Wide Web (www), web mendapat perhatian publik
yang sangat besar dan tidak dapat disamakan oleh aplikasi jaringan lainnya. Web telah menjadi
Web adalah sistem pengiriman tersebar yang berjalan di dalam suatu jaringan. Web saat
ini telah menjadi media yang sangat penting bagi perkembangan informasi dan teknologi.
Sekarang sudah umum dijumpai berbagai perusahaan dan komunitas menggunakan web
Untuk menggunakan layanan web dibutuhkan web server yang dapat menangani
permintaan dari client. Web server merupakan suatu perangkat lunak yang dijalankan pada
:: SeKON v.1.0 :: | 2
komputer server dan berfungsi agar dokumen web yang disimpan di server dapat diakses oleh
pemakai. Dalam aplikasi ini web server yang digunakan adalah apache2 yang merupakan web
server open source. Apache merupakan web server yang kompatibel dengan bahasa
pemrograman PHP dan database MySQL. Dengan adanya web server apache kode-kode PHP
HTML merupakan kependekan dari HyperText Markup Language, yang artinya tata cara
penulisan yang digunakan dalam dokumen web. Dokumen ini akan dieksekusi oleh sebuah
browser (internet explorer) sehingga browser mampu menghasilkan suatu dokumen yang sesuai
<html>
<head>
</head>
<body>
</body>
</html>
:: SeKON v.1.0 :: | 3
Pada dasarnya dokumen HTML dapat dibuat pada text editor biasa seperti Notepad pada
Windows atau gedit pada Linux, dengan menambahkan format extension berakhiran .htm atau
PHP (PHP Hypertext Preprocessor Tools) adalah sebuah pemrograman yang terletak dan
dieksekusi pada server yang biasa disebut server-side. Salah satu peranannya untuk menerima,
mengolah dan menampilkan data dari dan ke sebuah browser pada client. Data yang diterima
dari client akan diolah oleh server yang memiliki script PHP yang dapat terhubung pada sebuah
database server (database yang terletak di sisi server) untuk kemudian hasilnya ditampilkan ke
browser client.
<?php
?>
untuk menguji coba berjalan atau tidaknya php dapat digunakan script berikut :
<?php
phpinfo();
?>
:: SeKON v.1.0 :: | 4
File tersebut dapat ditulis pada editor notepad pada windows atau gedit pada linux
sebagai phpinfo.php pada folder web server yang tersedia, dalam windows terdapat pada folder
instalasi xampp yaitu C:\Program Files\xampp\htdocs namun apabila dalam lingkup Sistem
MySQL merupakan sebuah aplikasi pengolahan data yang berdasarkan pada bahasa SQL
(Structured Query Language). Bahasa tersebut merupakan bahasa standar yang digunakan
untuk mengolah, menyimpan, memanipulasi data dari sebuah database pada server. Dalam
bahasa SQL pada umumnya informasi tersimpan dalam tabel-tabel yang merupakan struktur
dua dimensi terdiri dari baris (row atau record) dan kolom (column atau field). Sedangakan
:: SeKON v.1.0 :: | 5
Kolom 1 Kolom 2 Kolom 3 Kolom (n)
Baris 1
Baris (n)
Saat ini telah banyak Database yang tersedia, tetapi MySQL khususnya sangat cocok
untuk bekerja sama dengan web aplikasi PHP. Bagaimanapun konsep dasar SQL tetap sama
apapun jenis database yang dipergunakan. Dalam pengolahan data pada aplikasi yang
menggunakan database secara umum dikenal dengan konsep CRUD yaitu Create, Read, Update,
dan Delete. Dengan adanya CRUD maka aplikasi yang berhubungan dengan database dapat
distandarisasikan.
MySQL adalah suatu Relational Database Management Sistem (RDBMS) yang mendukung
database yang terdiri dari sekumpulan relasi atau tabel. Di dalam suatu database RDBMS
terdapat entitas dan relationship. Entitas adalah berbagai hal dalam dunia nyata yang
antar entitas. Relationship terdiri dari tiga derajat yang berbeda, yaitu :
1. One-to-one menghubungkan secara tepat dua entitas dengan satu kunci (key).
2. One-to-many (many-to-one) hubungan antar entitas dimana kunci (key) pada satu tabel
3. Many-to-many berarti banyak field pada sebuah tabel berhubungan dengan banyak field
:: SeKON v.1.0 :: | 6
Perintah-perintah pada bahasa SQL yang digunakan secara umum antara lain :
create table mahasiswa (nim varchar(15) not null primary key, nama varchar(50)
not null, kelas varchar(5) not null);
maka akan tercipta sebuah table mahasiswa yang terdiri dari kolom nim, nama, dan
kelas.
2. Select : digunakan untuk mengambil data dari table pada suatu database
3. Delete : digunakan untuk menghapus record data dari table pada suatu database
Insert into mahasiswa (nim, nama, kelas) value (‘48910006, ‘Febriansyah Razak’,
‘TKJ’);
Update mahasiswa set nama = ‘Febri’, kelas = ‘TKJ where nim = ‘48910006;
Mengubah record pada field nama menjadi ‘Febri’ dengan nim = ‘48910006’
:: SeKON v.1.0 :: | 7
6. Show : Untuk menampilkan seluruh database yang telah terbuat.
Show databases;
7. Use : Untuk menggunakan suatu database sehingga dapat merubah data yang ada di
dalamnya
use kampus;
desc mahasiswa;
Maka akan tampil struktur table mahasiswa yang terdiri dari beberapa field dan
attributnya.
PhpMyAdmin Tools
PhpMyAdmin merupakan suatu alat bantu administrasi database MySQL yang berbasis
web. Dengan adanya PhpMyAdmin pekerjaan seorang programmer akan menjadi mudah
karena telah ada interface yang dapat mengolah database tanpa harus melakukan perintah-
:: SeKON v.1.0 :: | 8
perintah SQL. PhpMyAdmin bersifat open source sehingga dapat di download langsung dan
menjadi tools yang paling favorit di banyak penyedia hosting. PhpMyAdmin berfungsi untuk
menjembatani antara query pada SQL dengan interface web sehingga dapat meminimalisasi
penggunaanfqueryfsecarafmanual.
:: SeKON v.1.0 :: | 9
BAB III
RANCANGAN SISTEM
3.1 Struktur Layout Web
Header
Menu
Navigasi
Content
Header
Menu
Navigasi
LOGIN
Username
Password
Masuk
:: SeKON v.1.0 :: | 10
3.2 User Modeling
mendaftar
Masuk
Keluar
menghapus User
menghapus Tempat
menginput Tempat
membatalkan sewa
menyewa
menyetujui sewa
Viewer
Inverstor
Dalam website ini hak akses dibagi ke dalam empat kelompok, antara lain :
1. Administrator : berlaku sebagai admin bagi system yang memiliki hak akses penuh terhadap
penambahan atau pengurangan record. Admin tidak dapat mendaftar karena akun ini di
daftarkan melalui system.
2. Investor : berlaku sebagai user yang dapat mendaftarkan rumah kontarkan dan
menyetujui atau membatalkan pesanan sewa kontrakan yang telah di sewa sebelumnya oleh
user apabila terjadi ketidaksepakatan. Pendaftaran sebagai investor dapat dilakukan dengan
memilih posisi investor pada saat melakukan pendaftaran.
3. User : berlaku sebagai user yang hanya dapat memesan rumah kontrakan atau
membatalkannya karena suatu hal. Pendaftaran sebagai user dapat dilakukan dengan memilih
posisi user (default) pada saat melakukan pendaftaran.
4. Viewer : merupakan pengunjung yang belum mendaftarkan diri sebagai user atau
investor dan hanya dapat melihat menu beranda, bantuan, dan daftar anggota.
:: SeKON v.1.0 :: | 11
3.3 Relational Database
User Tempat 1
1
Id_user ∞ id_tempat
Nama id_pemilik
Password id_booked
Alamat ∞ HP
alamat jumlah_ruang
Email harga_bulan
Telp harga_tahun
Status kapasitas 1 kota
Pekerjaan telp id_kota
Rekening foto kota
Otoritas rute keterangan
Block keterangan
Accept ukuran
comment
booked 1
block ∞ perg_tinggi
id_kota id_pt
id_pt univ
∞
:: SeKON v.1.0 :: | 12
3.4 Deskripsi database
Database : db_sekon
Tabel user
Tabel tempat
:: SeKON v.1.0 :: | 13
| keterangan | text | NO | | NULL | |
| ukuran | varchar(250) | NO | | NULL | |
| comment | text | NO | | NULL | |
| booked | int(2) | NO | | NULL | |
| block | int(2) | NO | | NULL | |
| id_kota | int(11) | NO | | NULL | |
| id_pt | int(11) | NO | | NULL | |
| masa | varchar(100) | NO | | NULL | |
Tabel kota
Tabel perg_tinggi
:: SeKON v.1.0 :: | 14
3.5 FlowChart
Start
Menu Web
Login
If login= T
admin
daftar
Y
If login = T
investor
Log out
End
:: SeKON v.1.0 :: | 15
3.6 System Requirement :
2. Database Server:
MySQL Server
3. Database Interface :
PhpMyAdmin (Interface)
4. Sistem Operasi :
Semua Sistem Operasi yang mendukung web browser
5. Browser :
Google Chrome, Mozilla Firefox, Opera, Internet Explorer
:: SeKON v.1.0 :: | 16
BAB IV
Tampilan awal program, ketika masuk viewer akan diarahkan ke halaman beranda, di bagian kiri
dan atas terdapat menu navigasi yang memudahkan viewer untuk memilih layanan.
Namun ketika mengakses layanan viewer akan mendapatkan sebuah pesan belum terdaftar
atau login, untuk mendapatkan layanan viewer harus memiliki akun di website ini dengan mendaftar
pada menu Daftar Anggota. Selain menu Daftar anggota hanya menu Beranda dan Bantuan yang
:: SeKON v.1.0 :: | 17
Gambar 4.2 Akses ditolak pada web
Begitu pun ketika viewer mencoba untuk mendaftarkan tempat, maka akan muncul peringatan
bahwa viewer belum terdaftar atau login sebagai investor yang memiliki hak akses untuk mendaftarkan
rumah kontrakan.
:: SeKON v.1.0 :: | 18
Hanya menu Daftar anggota yang dapat di akses bebas, ini ditujukan agar viewer daftar terlebih
dahulu untuk mengakses website ini. Pada saat mendaftar ini viewer dapat memilih untuk menjadi
:: SeKON v.1.0 :: | 19
Tampilan menu bantuan, menu ini juga merupakan menu akses bebas yang dapat di akses siapapun.
Kemudian setelah viewer sudah mendaftar maka akan diarahkan ke halaman login.
:: SeKON v.1.0 :: | 20
Halaman login ini secara otomatis akan mengetahui user yang masuk sebagai admin, investor, atau user.
Jadi ketiga hak akses tersebut dapat login pada satu form.
Apabila data username atau password yang di masukkan salah maka akan keluar peringatan kegagalan
login username atau password salah.
:: SeKON v.1.0 :: | 21
Ketika input username dan password benar maka akan keluar pemberitahuan Selamat datang
[nama_user]. Setelah berhasil mendaftar user dapat mengakses berbagai layanan web yang tersedia.
Sekarang user1 telah berhasil login, ketika mengakses Tersewa untuk melihat berbagai tempat
yang sudah di pesan untuk dikontrakan maka akan keluar list tampilan berbentuk table yang dapat di
klik detailnya pada kolom detail per baris. Bagi user yang telah menyewa kontarkan sebelumnya maka
akan keluar logo batal pesan pada kolom UnBooking. Ketika tombol ini ditekan maka program akan
menaruh kembali tempat yang di batalkan ke menu lokasi (tempat yang masih tersedia untuk di
kontrakan/belum dipesan).
:: SeKON v.1.0 :: | 22
Gambar 4.10 Halaman Tempat tersewa bagi User
Ketika melihat tampilan detail per tempat, maka secara otomatis Foto dan detail lainnya juga
akan terlihat. Foto dan detail ini di inputkan oleh investor ketika mendaftarkan kontrakan pada menu
Daftar tempat.
:: SeKON v.1.0 :: | 23
Beralih ke menu selanjutnya, yaitu Anggota. Disini user dapat melihat semua user yang sudah
Menu berikutnya yang dapat diakses user adalah menu Investor, pada menu ini akan terlihat
:: SeKON v.1.0 :: | 24
Fungsi utama website ini terdapat pada menu Lokasi, pada menu ini user dapat melihat detail
Ketika user memilih menu Daftar anggota, maka akan muncul tampilan Anda Sudah Terdaftar,
jadi bagi user yang sudah terdaftar tidak dapat mendaftar kembali.
:: SeKON v.1.0 :: | 25
Ketika user memilih menu Daftar tempat maka akan keluar peringatan bahwa Anda tidak login
sebagai investor karena yang dapat mengakses menu ini hanya user yang memiliki hak akses sebagai
Ketika user mencoba untuk masuk kembali, padahal user tersebut sedang login, maka akan
:: SeKON v.1.0 :: | 26
Untuk keluar maka user dapat mengklik link ‘untuk keluar’ pada peringatan atau memilih klik
Hak akses selanjutnya adalah Investor. Pada level ini user dapat mendaftarkan tempat
kontrakannya. Sebelum mendaftarkan tempat kontrakan user terlebih dahulu login sehingga dikenal
sebagai investor.
:: SeKON v.1.0 :: | 27
Gambar 4.19 Halaman salam bagi investor aktif baru
Dalam hak akses ini Investor juga dapat melihat tempat yang sudah dipesan dan apabila tempat
tersebut merupakan miliknya maka Investor memiliki hak untuk membatalkan pesanan.
:: SeKON v.1.0 :: | 28
Pada menu User, Investor juga dapat melihat tampilan semua user dan detailnya.
Begitu pula pada menu Investor, pada menu ini Investor dapat melihat seluruh investor beserta
detail informasinya.
:: SeKON v.1.0 :: | 29
Ketika Investor memilih menu Daftar Anggota maka akan keluar peringatan bahwa Anda sudah
terdaftar dan tidak bisa mendaftar kembali atau mendaftarkan orang lain.
Gambar 4.23 Akses ditolak ketika investor memilih menu daftar anggota
Menu selanjutnya merupakan menu terpenting bagi Investor karena pada menu ini Investor
dapat mendaftarkan tempat kontarkannya dan juga dapat mengupload foto sebagai referensi
:: SeKON v.1.0 :: | 30
Gambar 4.24 Halaman Daftar Tempat dengan upload foto
Setelah itu hak akses selanjutnya merupakan hak akses tertinggi, yaitu hak akses Administrator.
Hak akses ini tidak dapat mendaftar karena administrator di daftarkan dari system.
:: SeKON v.1.0 :: | 31
Prioritas admin merupakan prioritas tertinggi, pada navigasi sebelah kiri terdapat informasi user
aktif yang terlihat beserta jumlah user dan investor yang terdaftar.
Ketika Administrator memilih menu Lokasi Tersewa maka Administrator memiliki hak untuk
menghapus lokasi tersebut namun Administrator tidak memiliki hak untuk mebatalkan pesanan.
:: SeKON v.1.0 :: | 32
Gambar 4.27 Halaman tempat tersewa bagi administrator
Ketika Adminstrator memilih menu Anggota atau Investor maka Administrator juga memiliki
:: SeKON v.1.0 :: | 33
Pada menu Lokasi Administrator juga memiliki hak akses untuk menghapus tempat namun tidak
Ketika Administrator mengakses menu daftar Anggota, seorang Administrator juga tidak dapat
mendaftarkan dirinya kembali atau mendaftarkan user lain sehingga setiap user hanya bisa mendaftar
Gambar 4.30 Akses ditolak ketika admin memilih menu daftar anggota
:: SeKON v.1.0 :: | 34
Ketika Administrator mengakses menu Daftar tempat, Administrator juga tidak memiliki hak
untuk mendaftarkan tempat, karena menu ini hanya diperuntukkan untuk investor.
Setelah selesai Administrator dapat keluar dengan memilih tombol ‘Exit’ pada menu kiri bagian
:: SeKON v.1.0 :: | 35
BAB V
KESIMPULAN
1. Dengan adanya perpaduan antara teknologi dan pemasaran maka akan tercipta suatu
2. Web ini dapat menjadi suatu wadah informasi bagi masyarakat yang membutuhkan akses ke
suatu daerah dan memerlukan tempat kediaman yang sesuai dengan harapannya;
3. Web ini dapat diakses secara mandiri karena setiap orang dapat memilih sebagai anggota yang
:: SeKON v.1.0 :: | 36