commit to user
i
TUGAS AKHIR MAHASISWA
PEMBUATAN SISTEM INFORMASI KOS MUSLIMAH TISANDA BERBASIS PHP DAN MYSQL
Diajukan Untuk Memenuhi Sebagian Syarat Mencapai Gelar Ahli Madya
Programa Diploma III Teknik Informatika
Disusun oleh :
UMIYATI
NIM. M3209086
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
commit to user
ii
HALAMAN PERSETUJUAN
PEMBUATAN SISTEM INFORMASI KOS MUSLIMAH TISANDA BERBASIS PHP DAN MYSQL
Disusun Oleh
UMIYATI
NIM. M3209086
Tugas Ahir ini disetujui untuk dipertahankan dihadapan dewan penguji
Untuk mendapatkan gelah Ahli Madya Program Diploma III Teknik Informatika
Pada tanggal 27 Juni 2012
Pembimbing Utama
Nanang Maulana, S.Si
commit to user
iii
HALAMAN PENGESAHAN
PEMBUATAN SISTEM INFORMASI KOS MUSLIMAH TISANDA BERBASIS PHP DAN MYSQL
Disusun oleh
Tugas Akhir ini telah diterima dan disahkan Oleh dewan penguji Tugas Akhir Program Diploma III Teknik Informatika
Pada hari Rabu, 27 Juni 2012
Dewan Penguji :
NIP. 19770828 200604 1008
Mengetahui, Dekan
Fakultas MIPA UNS
Prof.Ir.Ari Handono Ramelan, M.Sc.(Hons), Ph.D NIP. 19610223 198601 1 001
Ketua Program Studi DIII Teknik Informatika UNS
commit to user
iv
ABSTRACT
UMIYATI. M3209086. THE DEVELOPING INFORMATION SYSTEM AT
TISANDA MUSLIMAH BOARDING HOUSE BASED ON PHP AND MYSQL. A Final Paper. Technical Information, Mathematics and Sciences
Faculty. Sebelas Maret University, Surakarta. 2012.
The Tisanda muslimah boarding house is a boarding house which has the
most rooms and the most spacious yard in the area of prestigious state university
of Surakarta, UNS. This boarding house has good facilities with more reachable
price compared to the others boarding house. Because of that reason, students who
look for a boarding house from inside and out side Solo need a lot of information
about that boarding house. This final paper aims to make information system in
order for the owner of the boarding house that can offer her boarding house by
informing the address, the rooms, and its facilities.
The research method used in designing and making this system were
observation method and library research. Observation method was a data
collection done by direct observing to the object studied that was the Tisanda
Muslimah Boarding House. While the writer did the library research by reading
books related to the developed information system. This application was made
using PHP programing and MYSQL data base.
The developing of Tisanda information system of muslimah boarding
house have developed and was ready to be implemented as alternative way for the
owner to promote her boarding house in the internet.
commit to user
v
INTISARI
Umiyati, 2012. PEMBUATAN SISTEM INFORMASI KOS MUSLIMAH
TISANDA BERBASIS PHP DAN MYSQL. DIII Teknik Informatika, Fakultas
Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret.
Kos Muslimah Tisanda adalah rumah kos yang memiliki kamar kos
terbanyak dan halaman terluas di daerah universitas negeri bergengsi di Surakarta,
UNS. Kos ini memiliki fasilitas yang baik dengan harga yang lebih terjangkau
jika dibandingkan dengan rumah kos lainya. Karena alasan tersebut pencari kos
dari dalam dan luar daerah banyak yang membutuhkan informasi dari kos
tersebut. Tujuan dari pembuatan Tugas Akhir ini ntuk membuat sistem informasi
agar pemilik kos dapat menawarkan rumah kosnya dengan menginformasikan
alamat, tipe kamar yang ditawarkan, jumlah kamar yang ditawarkan sampai
fasilitas umum maupun untuk masing-masing tipe kamarnya.
Metode penelitian yang digunakan dalam perancangan dan pembuatan
sistem ini yaitu metode observasi untuk pengumpulan data, studi pustaka,
perancangan dan implementasi. Aplikasi ini dibuat menggunakan bahasa
pemrograman PHP dan database MySQL.
Pembuatan Sistem Informasi Kos Muslimah Tisanda telah berhasil dibuat
dan siap untuk diimplementasikan sebagai salah satu cara agar pemilik kos dapat
menawarkan rumah kosnya dengan baik di dunia internet.
commit to user
vi
MOTTO
1. Allah akan menjadikan kemudahan setelah kesukaran (Q.S Ath-Thalaq : 7)
2. “ Bukankah Dia yang memperkenankan doa orang-orang dalam kesulitan
apabila dia berdoa kepadaNya dan menghilangkan kesusahan dan
menjadikan kamu (manusia) sebagai kholifah di bumi? Apakah disamping
Alloh ada Tuhan lain? Sedikit sekali nikmat Alloh yang kamu ingat”
(An-Nahl : 62)
3. ....Cukuplah Alloh menjadi penolong kami dan Alloh adalah sebaik-baik
commit to user
vii
PERSEMBAHAN
Sebuah persembahan terindah untuk :
1. Penciptaku Yang Maha Segalanya
2. Ayah dan Bunda tercinta
3. Kakak-kakakku : Ahmad Sidik dan Agung Nugroho
4. Sahabat-sahabatku : Puput, Mey, Eli, Dewi, Ana, Kaka,
Novi, Puspita, Kiki.
5. Kakak-kakak kos : Ria, Retno, Anis, Wiwit.
commit to user
viii
KATA PENGANTAR
Assalamu’alaikum Wr.Wb.
Alhamdulillahi robbilalamin, sujud dan syukur kehadirat Allah SWT atas segala
rahmat dan karuniaNya sehingga penulis dapat menyelesainakn penulisan laporan
Tugas Akhir ini dengan judul ” PEMBUATAN SISTEM INFORMASI KOS
MUSLIMAH TISANDA BERBASIS PHP DAN MYSQL ”.
Pembuatan Laporan Tugas Akhir ini dimaksudkan untuk memenuhi
persyararatan kelulusan Diploma III (D3) Teknik Informatika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
Dalam kesempatan ini penulis ingin mengucapkan terimakasih kepada
semua pihak yang telah membantu dalam menyelesaikan laporan Tugas Akhir ini,
antara lain :
1. Bapak Drs.YS. Palgunadi, M.Sc, selaku Ketua Program DIII Teknik
Informatika Fakultas MIPA Universitas Sebelas Maret Surakarta.
2. Bapak Nanang Maulana, S.Si, selaku dosen pembimbing yang telah
memberikan pengarahan dalam penyusunan Tugas Akhir ini.
3. Ayah dan Bunda untuk semua doa dan pengorbanan yang begitu besar
yang telah diberikan kepada penulis.
4. Teman-teman DIII Teknik Informatika 2009 atas segala kebersamaan
dan semua pihak yang tidak dapat saya sebutkan satu persatu.
Semoga Allah SWT membalas semua amal dan kebaikan dengan
nikmatNya yang tiada henti dan mudah-mudahan selalu diberikan kemudahan.
Amin.
Laporan Tugas Akhir ini masih jauh dari sempurna sehingga kritik dan
saran yang membangun sangat diharapkan. Semoga laporan ini dapat bermanfaat
bagi semua pihak.
Wassalamualaikum Wr.Wb.
Surakarta, Juni 2012
commit to user
ix
DAFTAR ISI
HALAMAN JUDUL ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
HALAMAN ABSTRACT ... iv
1.5 Metodologi Penelitian ... 3
1.6 Sistematika Penulisan ... 3
BAB II LANDASAN TEORI 2.1Konsep Dasar Sistem ... 5
2.1.1 Database ... 5
2.1.2 Karakeristik Sistem ... 5
2.1.3 Elemen Sistem ... 6
2.2Pengertian Informasi ... 7
2.3Pengertian Sistem Informasi ... 7
commit to user
x
2.4.1 Pengertian Perancangan Sistem ... 7
2.4.2 Alat Bantu Perancangan Sistem ... 8
2.4.2.1 ContextDiagram ... 8
2.4.2.2 Data Flow Diagram ... 8
2.4.2.3 Diagram Relasi Entitas ... 9
2.5Pengertian Website ... 11
2.6Pengertian PHP ... 11
2.7Pengertian SQL ... 12
BAB III DESAIN DAN PERANCANGAN SISTEM 3.1Analisis Rancangan Sistem ... 13
3.1.1 Kebutuhan Hardware ... 13
3.1.2 Kebutuhan Software ... 13
3.2 Perancangan Sistem ... 14
3.2.1 Context Diagram (CD) ... 14
BAB IV IMPLEMENTASI SISTEM 4.1Implementasi Rancangan Sistem Informasi Kos Muslimah Tisanda ... 45
4.2Pengujian Sistem Informasi Kos Muslimah Tisanda ... 59
BAB V PENUTUP 5.1 Kesimpulan... 86
5.2 Saran ... 86
commit to user
xi
DAFTAR TABEL
Tabel 2.1 Tabel Simbol Diagram Konteks ... 8
Tabel 2.2 Tabel Simbol Data Flow Diagram ... 9
Tabel 2.2 Tabel Simbol Entity Relationship Diagram ... 10
Tabel 3.1 Tabel admin... 21
Tabel 3.2 Tabel member ... 21
Tabel 3.3 Tabel penghuni ... 22
Tabel 3.4 Tabel alumni ... 22
Tabel 3.5 Tabel pesan ... 23
Tabel 3.6 Tabel pindah ... 24
Tabel 3.7 Tabel bayar ... 24
Tabel 3.8 Tabel kamar... 26
Tabel 3.9 Tabel tipekamar... 26
Tabel 3.10 Tabel info ... 27
commit to user
xii
DAFTAR GAMBAR
Gambar 2.1 Elemen Sistem ... 6
Gambar 2.2 Skema Kerja Protokol HTTP ... 11
Gambar 2.3 Proses Eksekusi Kode PHP ... 12
Gambar 3.1 Contex Diagram ... 14
Gambar 3.2 DFD Level 0 ... 15
Gambar 3.3 DFD Level 1Manage Berita ... 18
Gambar 3.4 Entity Relationship Diagram ... 19
Gambar 3.7 Relasi Tabel ... 20
Gambar 3.6 Desain Halaman Beranda ... 28
Gambar 3.7 Desain Halaman Tipe Kamar ... 29
Gambar 3.8 Desain Halaman Tata tertib ... 29
Gambar 3.9 Desain Halaman Berita ... 30
Gambar 3.10 Desain Halaman Daftar ... 32
Gambar 3.11 Desain Halaman Login Admin ... 33
Gambar 3.12 Desain Halaman Awal Admin ... 34
Gambar 3.13 Desain Halaman Lihat Berita ... 34
Gambar 3.14 Desain Halaman Form Tambah Berita ... 35
Gambar 3.15 Desain Halaman Kamar ... 36
Gambar 3.16 Desain Halaman Pembayaran ... 37
Gambar 3.17 Desain Halaman Penghuni ... 38
Gambar 3.18 Desain Halaman Alumni ... 39
Gambar 3.19 Desain Halaman Pesan ... 39
Gambar 3.20 Desain Halaman Request ... 40
Gambar 3.21 Desain Halaman Login Penghuni dan Member ... 41
Gambar 3.22 Desain Halaman Index Penghuni ... 41
commit to user
xiii
Gambar 3.24 Desain Halaman Kamar ... 43
Gambar 3.25 Desain Halaman Pindah Kamar ... 44
Gambar 3.26 Desain Halaman Buat Berita Penghuni dan alumni ... 45
Gambar 4.1 Halaman Login Admin ... 46
Gambar 4.2 Halaman Index Admin ... 47
Gambar 4.3 Halaman Lihat Berita ... 48
Gambar 4.4 Halaman Kamar... 49
Gambar 4.5 Halaman Pembayaran ... 50
Gambar 4.6 Halaman Penghuni ... 51
Gambar 4.7 Halaman Alumni ... 52
Gambar 4.8 Halaman Pesan ... 53
Gambar 4.9 Halaman Request... 54
Gambar 4.10 Halaman Index Pengunjung ... 55
Gambar 4.11 Halaman Tipe Kamar ... 56
Gambar 4.12 Halaman Tata tertib ... 57
Gambar 4.13 Halaman Berita ... 58
Gambar 4.14 Halaman Daftar ... 59
Gambar 4.15 Login Admin ... 60
Gambar 4.16 Dialogbox Login Gagal ... 60
Gambar 4.17 Dialogboxlogin Sukses ... 60
Gambar 4.18 Halaman Index Admin ... 61
Gambar 4.19 Dialogbox Logout ... 61
Gambar 4.20 Halaman Lihat Berita ... 62
Gambar 4.21 Halaman Form Penambahan Berita... 62
Gambar 4.22 Dialogbox Sukses Tambah Berita ... 63
Gambar 4.23 Halaman Sukses Tambah Berita ... 63
Gambar 4.24 Halaman Berita Lengkap ... 64
Gambar 4.25 Halaman Ubah Berita ... 64
Gambar 4.26 Dialogbox Berita Berhasil Diubah ... 65
Gambar 4.27 Halaman Berita Lengkap ... 65
commit to user
xiv
Gambar 4.29 Halaman Kamar... 66
Gambar 4.30 Halaman Profil Penghuni ... 67
Gambar 4.31 Halaman Pembayaran ... 68
Gambar 4.32 Menandai Lunas ... 69
Gambar 4.33 Dialogbox pelunasan berhasil ... 69
Gambar 4.34 Pembayaran Kunsa Dewi Cahyani ... 69
Gambar 4.35 Halaman Halaman Penghuni ... 71
Gambar 4.36 Dialogbox Berhasil Mengubah Status Penghuni ... 71
Gambar 4.37 Data Berhasil Dipindah ... 72
Gambar 4.38 Data Berhasil Tampil Di Daftar Alumni ... 72
Gambar 4.39 Halaman Daftar ... 73
Gambar 4.40 Pengisian Form ... 74
Gambar 4.41 Pesan Kamar ... 74
Gambar 4.42 Pemesanan Berhasil... 75
Gambar 4.43 Data Pemesan Berhasil Tampil ... 75
Gambar 4.44 Login Penghuni dan Alumni ... 76
Gambar 4.45 Penghuni Gagal Login ... 76
Gambar 4.46 Penghuni Sukses Login ... 77
Gambar 4.47 Halaman Index Penghuni ... 77
Gambar 4.48 Halaman Profil ... 78
Gambar 4.49 Halaman Ubah Profil ... 78
Gambar 4.50 Halaman Upload Foto ... 79
Gambar 4.51 Dialogbox Alamat Kosong ... 79
Gambar 4.52 Dialogbox Ubah Profil Sukses ... 80
Gambar 4.53 Halaman Profil Baru... 80
Gambar 4.54 Halaman Kamar Penghuni ... 81
Gambar 4.55 Halaman Pindah Kamar ... 81
Gambar 4.56 Halaman Permintaan Pindah Kamar Terkirim ... 82
Gambar 4.57 Halaman Daftar Permintaan Pindah Masuk ... 82
Gambar 4.58 Halaman Daftar Permintaan Berhasil Disetujui ... 83
commit to user
xv
Gambar 4.60 Halaman Form Tambah Berita Penghuni dan Alumni ... 84
Gambar 4.61 Halaman Tambah Berita Penghuni dan Alumni ... 84
Gambar 4.62 Dialogbox Isi Berita Kosong ... 85
Gambar 4.63 Dialogbox Sukses Tambah Berita ... 85
Gambar 4.64 Berita Baru Tampil ... 85
commit to user BAB I PENDAHULUAN 1.1Latar Belakang
Calon mahasiswa baru atau mahasiswa yang memiliki rumah jauh
dari kampus pasti membutuhkan tempat tinggal sementara, beristirahat dan
mengerjakan tugas-tugas kuliah. Kos merupakan salah satu alternatif yang
dapat digunakan oleh mahasiswa sebagai tempat bernaung selama menjalani
masa perkuliahan. Mendapatkan kos yang nyaman, aman dan bersih dengan
harga terjangkau merupakan dambaan bagi setiap mahasiswa yang
membutuhkankan kos.
Dalam memilih tempat kos, kita perlu mengetahui informasi tentang
kos tersebut sehinggan sesuai dengan yang kita inginkan. Kita perlu
mengetahui gambaran tentang kos yang akan kita tempati dari segi fasilitas,
letak kos dan harga sewa kos apakah sesuai dengan yang diinginkan.
Kos Muslimah Tisanda adalah alternatif utama yang dapat dipilih.
Letaknya yang strategis yaitu di Jl. Surya 1 No. 29 Jebres, belakang kampus
UNS. Unggul dalam segi fasilitas, keamanan, kenyamanan, kebersihan dan
harga di banding dengan kos seharga lainnya. Kendala saat ini pencarian Kos
Muslimah Tisanda masih dilakukan dengan cara mengitari daerah di sekitar
kampus Universitas Sebelas Maret atau hanya bertanya kepada warga yang
bertempat tinggal di belakang kampus UNS. Dengan cara seperti ini dapat
menguras tenaga dan waktu. Saat ini telah berkembang teknologi komputer
yang dapat membantu meringankan masalah tersebut. Salah satu sifat
teknologi komputer sendiri adalah perannya global, jadi sangat membantu
dalam menyampaikan informasi ke masyarakat luas.
Oleh karena itu, dibutuhkan sebuah sistem informasi Kos Muslimah
Tisanda berbasis website yang dapat mencakup informasi kos agar calon
mahasiswa maupun mahasiswa dapat mengetahui gambaran fasilitas, letak
dan harga kos yang dapat diakses dimana saja.
commit to user 1.2Rumusan Masalah
Perumusan masalahnya adalah bagaimana membuat sebuah sistem
informasi kos, khususnya kos muslimah Tisanda.
1.3Batasan Masalah
Untuk penyusunan tugas akhir ini penulis membatasi pokok
pembahasanny pada pemesanan kamar kos, status dan konfirmasi
pembayaran kos, pembatalan pemesanan dan pencarian data yang menyewa
kamar di Kos Muslimah Tisanda
1.4Tujuan dan Manfaat
Tujuan
Tujuan dari tugas akhir ini adalah membuat Sistem Informasi Kos
Muslimah Tisanda. Di dalamnya terdapat informasi harga, fasilitas kos dan
alamat yang dapat dituju.
Manfaat
a. Bagi Pemilik Kos
Memberikan kemudahan dalam meninjau dan memasarkan kos yang di
kelola.
b. Bagi Penyewa kos
Memberikan informasi terbaru dari pemilik kos yang ditujukan kepada
penyewa kamar kos.
c. Bagi Pencari kos
commit to user
1.5Metodologi Penelitian
Metode pengumpulan data yang akan digunakan dalam pembuatan
Tugas Akhir penulis adalah sebagai berikut :
1. Observasi
Metode pengumpulan data dengan pengamatan secara langsung pada
sebuah objek yang akan diteliti dan kemudian pencatatan proses – proses
dengan objek yang diteliti.
2. Studi Pustaka
Studi pustaka adalah metode pengumpulan data dengan membaca buku
atau literatur – literatur yang berhubungan dengan permasalahan yang
dijadikan objek dalam penelitian.
1.6Sistematika Penulisan
Sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut :
Bab I Pendahuluan
Bab ini membahas tentang latar belakang masalah dari penulisan Tugas Akhir
ini, rumusan masalah, batasan masalah, tujuan penulisan tugas akhir, manfaat
yang didapatkan dari penulisan tugas akhir, motedologi serta sistematika
penulisan yang digunakan pada penulisan tugas akhir ini.
Bab II Landasan Teori
Bab ini membahas tentang teori-teori yang digunakan penulis sebagai dasar
untuk menyusun tugas akhir ini.
Bab III Analisa dan Perancangan
Bab ini membahas tentang perancangan website yang dibuat, yang meliputi
context diagram , data flow diagram serta database dari Sistem Informasi Kos
commit to user
Bab IV Implementasi dan Pembahasan
Bab ini membahas tentang implementasi website pada spesifikasi hardware
maupun software yang dipakai, serta analisa hasil pengaplikasian website
yang telah dibuat.
Bab V Penutup
Bab ini membahas tentang kesimpulan dan saran yang di ambil dari penulisan
commit to user BAB II
LANDASAN TEORI
2.1 Konsep Dasar Sistem 2.1.1 Pengertian Sistem
Menurut Jogiyanto (1997) suatu sistem secara umum adalah suatu
kesatuan yang terdiri dari interaksi subsistem yang berusaha untuk mencapai
tujuan (goal) yang sama.
Sistem adalah sebuah tatanan (keterpaduan) yang terdiri atas
sejumlah komponen fungsional (dengan satuan fungsi/tugas khusus) yang
saling berhubungan dan secara bersama-sama bertujuan untuk memenuhi
suatu proses/pekerjaan tertentu (Fathansyah, 2007).
2.1.2 Karakteristik Sistem
Sistem itu sendiri memiliki karakteristik atau beberapa sifat
tertentu, lingkungan luar sistem, batas sistem, lingkungan luar sistem,
penghubung, masukan (input), keluaran (output) dan sasaran suatu tujuan.
Adapun penjelasan dari karakteristik dari suatu sistem adalah sebagai
berikut :
a. Komponen sistem
Bagian sistem yang saling berinteraksi dan membentuk satu kesatuan.
Komponen atau elemen dapat berupa subsistem atau beberapa bagian
sistem.
b. Batas sistem
Daerah yang membatasi antara suatu sistem dengan lingkungannya atau
dengan sistem lainnya. Batas sistem inilah yang membuat sistem
dipandang sebagai suatu kesatuan.
c. Lingkungan luar sistem
Segala sesuatu yang berada diluar sistem yang mempengaruhi sistem.
Lingkungan dari luar sistem dapat bersifat menguntungkan sistem atau
merugikan sistem.
commit to user
d. Penghubung sistem
Merupakan media penghubung antara subsistem dengan subsistem
lainya. Penghubung inilah yang menyebabkan beberapa subsistem
berintegrasi dan membentuk satu kesatuan.
e. Masukan sistem
Sesuatu yang diinputkan ke dalam sistem yang berasal dari lingkungan.
f. Keluaran sistem
h. Sasaran sistem atau Tujuan
Sasaran sistem adalah sesuatu yang menyebabkan sistem tersebut
dibangun. Suatu sistem dikatakan berhasil bila mengenai sasaran atau
tujuannya (Fathansyah, 2007).
2.1.3 Elemen Sistem
Semua sistem tidak memiliki kombinasi elemen-elemen yang
sama, tetapi suatu susunan dasar digambarkan dalam gambar berikut
(Fathansyah, 2007) :
Gambar 2.1 Elemen Sistem
Tujuan
Input
Mekanisme Pengendalian
commit to user 2.2 Pengertian Informasi
Informasi adalah hasil analisis dan sintesis terhadap data yang telah
diorganisasikan ke dalam bentuk yang sesuai dengan kebutuhan seseorang,
entah itu manager, staf ataupun orang lain di dalam suatu organisasi atau
perusahaan (Kadir, 1999).
Informasi merupakan hasil pemrosesan data yang diperoleh dari
setiap elemen sistem menjadi bentuk yang relevan dan mudah dipahami
yang dibutuhkan oleh pemakai untuk menambah pemahaman terhadap
fakta-fakta yang ada (Sutedjo, 2002).
Dari beberapa definisi diatas dapat disimpulkan bahwa informasi
adalah data yang sudah diolah bagi penerimanya, menggambarkan suatu
kejadian dan kesatuan kenyataan, dapat digunakan untuk pengambilan
keputusan.
2.3 Pengertian Sistem Informasi
Sistem Informasi adalah suatu sistem yang dibuat oleh manusia yang
terdiri dari komponen-komponen dalam organisasi untuk mencapai tujuan
yaitu menyajikan informasi (Kristanto, 2003).
2.4 Perancangan Sistem
2.4.1 Pengertian Perancangan Sistem
Perancangan sistem adalah merancang atau mendesain sistem yang
baik, isinya langkah-langkah operasi dalam pengolahan data dan prosedur
commit to user 2.4.2 Alat Bantu Perancangan Sistem
Alat bantu dalam perancangan sistem yang penulis gunakan dalam
tugas akhir ini adalah sebagai berikut :
2.4.2.1 Context Diagram
Context Diagram atau Diagram Konteks adalah diagram
yang mencakup masukan-masukan dasar, sistem umum dan keluaran,
diagram ini merupakan tingkatan tertinggi dalam diagram aliran data dan
hanya memuat satu proses, menunjukkan sistem secara keseluruhan,
diagram tersebut tidak memuat penyimpanan dan menggambarkan aliran
data yang sederhana. Proses tersebut diberi nomor nol. Semua entitas
eksternal yang ditunjukkan pada diagram konteks berikut aliran data-aliran
data utama menuju dan dari system (Kendall dan Kendall, 2003).
Adapun simbol-simbol Diagram konteks adalah sebagai berikut :
Tabel 2.1 Tabel Simbol Diagram Konteks
Lambang Keterangan
1. Kesatuan Menunjukkan kesatuan luar dan
terminator
2. Proses Menunjukkan proses
3. Garis alir Menunjukkan aliran data atau
arus data
2.4.2.2 Data Flow Diagram
Data Flow Diagram level 0 adalah diagram yang digunakan pada
commit to user
turunan dari diagram konteks tetapi juga merupakan sistem informasi yang
menggambarkanaliran data yang kebih terperinci dengan memuat
penyimpanan. Setiap proses diberi nomor bilangan bulat, umunya dimulai
dari sudut sebelah kiri atas diagram dan mengarah ke sudut sebelah kanan
bawah (Kendall dan Kendall, 2003).
Adapun simbol-simbol Data Flow Diagram adalah sebagai berikut :
Tabel 2.2 Tabel Simbol Data Flow Diagram
Lambang Keterangan
1. Kesatuan Menunjukkan kesatuan luar dan
terminator
2. Proses Menunjukkan proses
3. Garis alir Menunjukkan aliran data atau
arus data
4. Database Menunjukkan tempat
penyimpanan data
2.4.2.3 Diagram Relasi Entitas / Entity Relation Diagram (ERD)
Model konseptual yang menggambarkan hubungan antar
penyimpanan data (file data). Dalam ERD terdapat beberapa komponen
antara lain :
a. Entitas (Entity) adalah sustu obyek yang dapat didefinisikan dalam
commit to user
b. Atribut adalah elemen-elemen yang ada dalam entity dan fungsi. Atribut
menggambarkan karakter entitas.
c. Hubungan (Relational) adalah hubungan bentuk antara isi relasi itu
sendiri (Kendall dan Kendall, 2003).
Berikut adalah simbol-simbol yang digunakan.
Tabel 2.3 Tabel Simbol Entity Relation Diagram
Simbol Keterangan
1. Entitas Menunjukkan kesatuan
2. Hubungan Hubungan antar entitas
3. Atribuy Menunjukkan atribut
4. Garis Digunakan untuk menghubungkan
entity–entity, antity-atribut dan
commit to user 2.5 Pengertian Website
Website adalah suatu media publikasi elektronik yang terdiri dari
halaman-halaman web (web page) yang terhubung satu dengan yang lain
menggunakan link yang dilekatkan pada suatu teks atau image. Website
dibangun dengan menggunakan bahasa Hypertext Markup Language
(HTML) dan memanfaatkan protocol komunikasi Hypertext Transfer
Protocol (HTTP) yang terletak pada application layer pada layer OSI.
Gambar berikut menunjukkan skema kerja pemrosesan file HTML
(Kadir, 2004).
BROWSER
Kode HTML
Tanggapan HTTP Permintaan HTTP Web Server
Gambar 2.2 Skema Kerja Protokol HTTP
2.6 Pengertian PHP
PHP atau Hypertext Preprocessor merupakan salah satu dari
bahasa pemrograman berbasis website. PHP bersifat server-side
programming yang berarti kode PHP yang ditulis akan dieksekusi di sisi
server sehingga pengunjung tidak dapat melihat source code dari skrip PHP
yang dibangun (Kadir, 2004).
Adapun proses eksekusi kode PHP didalam sisi server ditunjukkan
commit to user BROWSER
Skrip PHP
Kode PHP
Kode HTML
Tanggapan HTTP Permintaan HTTP
Web Server
Gambar 2.3 Proses Eksekusi Kode PHP
2.7 Pengertian SQL
SQL merupakan singkatan dari Structural Query Language. SQL
merupakan bahasa computer standar ANSI (American National Standards
Institute). Dengan SQL kita dapat mengakses database, menjalankan query
untuk menjalankan data dari database (Iman, 2005).
SQL merupakan software basis data yang paling digemari di
kalangan programmer web, dengan alasan bahwa program ini merupakan
program yang sangat kuat dan cukup stabil untuk digunakan sebagai media
commit to user BAB III
DESAIN DAN PERANCANGAN SISTEM
3.1 Analisa Rancangan Sistem
Pada Analisa Rancangan Sistem dilakukan beberapa hal, yaitu Kebutuhan
hardware, Context Diagram, DFD, ERD, Perancangan database dan Rancangan
Desain Sistem.
3.1.1 Kebutuhan Hardware
Perangkat keras yang digunakan dalam pembuatan sistem
informasi kos yaitu berupa PC (Personal Computer) dengan spesifikasi
sebagai berikut :
a. Processor Intel Pentium
b. CPU 2.26 GHz
c. Harddisk 320 GB
d. VGA Card 512 MB
e. Mouse
3.1.2 Kebutuhan Software
Perangkat lunak yang dibutuhkan dalam pembuatan sistem
informasi kos ini adalah sebagai berikut :
1. Sistem operasi : Windows7
2. Software : Dreamwever CS3
3. Bahasa pemrograman : PHP
4. Web Server : Apache
5. Database Server : MySQL
6. Web Browser :Mozilla FireFox
commit to user 3.2 Perancangan Sistem
3.2.1 Contex Diagram
Adapun Contex Diagram yang dirancang adalah sebagai berikut :
Sistem informasi
Gambar 3.1 Contex Diagram
Penjelasanya adalah sebagai berikut :
1. Admin menginputkan username, password dan berita
2. Admin memperoleh verifikasi gagal atau sukses saat login
3. Pengunjung menginputkan nama, alamat, nomor telepon, tanggal lahir,
foto, username dan password untuk mengisi formulir daftar.
4. Pengunjung memperoleh detail data inputanya dan berita.
5. Member menginputkan pilihan kamar yang akan disewa.
6. Member memperoleh konfirmasi pemesanan kamar.
7. Penghuni dapat login dengan menginputkan username dan password,
memesan kamar, update profil dan input berita.
8. Penghuni memperoleh detail berita, detail profil diri dan denah lokasi
penghuni kos.
9. Alumni dapat login dengan menginputkan username dan password,
bisa menginputkan berita.
commit to user 3.2.2 Data Flow Diagram (DFD) Level 0
Adapun Data Flow Diagram level 0 yang penulis ajukan adalah sebagai
berikut:
commit to user
Penjelasanya adalah sebagai berikut :
a. Pengunjung
Pengunjung dapat melakukan aktifitas 1.0. Aktifitas 1.0 adalah
kegiatan mendaftar menjadi member. Untuk mendaftar menjadi member
pengunjung harus menginputkan data dirinya. Data diri yang harus diisi
adalah nama, alamat, nomor telepon, tanggal lahir, foto, username dan
password. Disamping pengunjung menginputkan data dirinya,
pengunjung juga memperoleh informasi kos seperti profil kos, alamat kos
dan kamar – kamar yang ditawarkan. Data yang diinputkan masuk ke
tabel member.
b. Admin
1. Aktifitas 2.0 adalah Login. untuk login seorang admin harus
menginputkan username dan password dari admin. Data admin
terhubung langsung dengan tabel admin.
2. Aktifitas 5.0 adalah Manage berita. Di dalam manage berita seorang
admin dapat input berita, edit berita kemudian menampilkan berita di
halaman Berita. Admin juga dapat menghapus postingan berita yang
dirasa sudah tidak penting lagi. Kegiatan mengelola berita akan
terhubung dengan tabel berita kos.
3. Aktifitas 6.0 adalah proses bayar. Untuk proses pembayaran.
Penghuni dapat menggunakan sistem transfer langsung ke rekening
pemilik kos. Sedangkan untuk admin dapat menginformasikan siapa
saja yang belum membayar sewa kos untuk bulan saat itu kepada
pemilik kos. Setelah uang sewa dilunasi oleh penghuni, status akan
diubah oleh admin dari belum lunas menjadi lunas. Proses bayar
terhubung langsung dengan tabel bayar.
4. Aktifitas 7.0 adalah menyetujui pemesanan. Menyetujui pemesanan
baik yang dari member maupun dari penghuni yang ingin pindah kos.
Data ini terhimpun di tabel pesan dan tabel request. Tugas admin
disini adalah mengaktifkan kamar yang telah dipesan oleh member
commit to user
5. Aktifitas 8.0 adalah menyetujui pengunduran diri. Pengunduran diri
penghuni kos dapat terjadi sewaktu-waktu. Setelah penghuni
menyatakan mengundurkan diri maka admin mengubah status
penghuni menjadi alumni. Tabel yang terhubung adalah tabel
penghuni dan tabel alumni.
c. Alumni
Dalam diagram di atas Alumni melakukan aktifitas 2.0 yaitu Login
sehingga alumni bisa melanjutkan aktifitas 5.0 yaitu manage informasi
kos. Saat melakukan aktifitas 2.0 seorang alumni harus menginputkan
username dan password. Jika login gagal, alumni diminta untuk
mengulang login nya, setelah berhasil maka alumni dapat melakukan
aktifitas 5.0 yaitu manage informasi. Didalam manage ada beberapa sub
kegiatan, yaitu menambah, mengedit dan menghapus berita. Yang dapat
dilakukan oleh alumni hanya menambahkan berita saja, dengan
menginputkan judul, isi berita dan gambar berita. Untuk login alumni
data terhubung dengan tabel alumni sedangkan untuk menambahkan
berita data masuk ke tabel berita kos.
d. Penghuni
Penghuni memiliki beberapa aktiftas, berikut rinciannya:
1. Aktifitas 2.0 yaitu login, untuk login penghuni harus menginputkan
username dan password. Jika login gagal penghuni diminta untuk
mengisi username dan password lagi, ketika penghuni berhasil login
baru dapat melakukan aktifitas 3.0, 4.0 dan 5.0. Data penghuni
terhubung dengan tabel penghuni.
2. Aktifitas 3.0 yaitu Update profil. Penghuni dapat memperbarui profil
secara keseluruhan mulai dari username sampai foto penghuni.
Aktifitas ini terhubung dengan tabel penghuni.
3. Aktifitas 4.0 yaitu memesan kamar. Aktifitas memesan kamar
sebenarnya boleh dilakukan oleh dua aktor yaitu penghuni dan
commit to user
tabel pesan. Sedangkan apabila penghuni memesan kamar untuk
pindah kamar maka permintaan masuk ke tabel request.
4. Aktifitas 5.0 yaitu manage berita. Penghuni juga memiliki hak untuk
menginformasikan berita melalui kolom berita. Untuk menerbitkan
berita penghuni harus menginputkan judul, isi berita dan gambar
berita. Data terinput ke tabel berita kos.
e. Member
Satu aktifitas member, aktifitas 4.0 adalah memesan kamar.
memesan kamar adalah kegiatan lanjutan yang dilakukan oleh
pengunjung yang telah sukses mendaftar menjadi member. Untuk
memesan kamar member diminta untuk memilih kamar yang kosong
yang ada. Data pesan akan masuk ke tabel pesan.
3.2.3 Data Flow Diagram Level 1 Manage Berita
commit to user
Gambar di atas adalah data flow diagram level 1 dari aktifitas 5.0
yaitu Manage Berita. Di dalam aktifitas 5.0 seorang admin, penghuni dan
alumni memilki hak yang sama dalam menerbitkan berita. Aktifitas 5.1
adalah step pertama yang harus dilaksanakan adalah menulis informasi.
Setelah penulisan selesai baru para aktor dapat melakukan pengeditan dan
penghapusan berita ketika sudah dibutuhkan. Data yang dihasilkan adalah
data berita kos, data ini akan otomatis terinput ke dalam database
beritakos.
3.3 Entity Relation Diagram (ERD)
Entity Relationship Diagram menggambarkan hubungan antar
entitas yang ada dalam aplikasi yang akan dihubungkan. Dalam hal ini
aplikasi-aplikasi yang akan dihubungkan adalah dapat dilihat pada
Gambar 3.5
commit to user 3.4 Relasi Tabel
Relasi Tabel menggambarkan hubungan antar tabel yang ada
dalam aplikasi-aplikasi yang akan dihubungkan. Relasi Tabel atau Skema
Diagram sistem informasi kosdapat dilihat pada Gambar 3.6
Gambar 3.5 Relasi Tabel
3.5 Rancangan Tabel
Tabel adalah bagian dari dalam database yang berfungsi untuk
menyimpan data-data tertentu. Untuk sistem informasi ini penulis membuat 1
database yaitu database kos. Didalam database kos ini terdapat 10 tabel yang
digunakan untuk menyimpan data – data untuk berjalannya sistem. Rincian
commit to user
a. Tabel admin
Tabel admin berfungsi untuk menyimpan data dari admin. Data
yang terdidri dari username dan password ini akan digunakan oleh admin
saat login ke sistem. Detail tabel mahasiswa dapat dilihat pada tabel 3.1
Tabel 3.1 Tabel admin
Nama Field Tipe Panjang Keterangan
username* vachar 12 Primary Key
password vachar 6
Username : username yang dimiliki oleh admin, pada sistem ini
usernamenya adalah admin. Username dapat diubah dengan batas
maksimal 12karakter saja.
Password : kode yang dimiliki oleh admin yaitu admin. Password dapat
diubah dengan maksimal panjangnya 6 karakter saja.
b. Tabel member
Tabel member digunakan untuk menyimpan data dari member.
Untuk dapat memesan kamar, seorang pengunjung harus mendaftarkan
diri menjadi member dengan mengisi form yang isinya adalah
1. username yang diinginkan maksimal 12karakter.
2. password yang diinginkan maksimal 6karakter.
3. Nama lengkap pemesan maksimal 30 karakter
4. Tanggal lahir
5. Nomor telepon maksimal 12 karakter
6. Alamat
7. Foto
Tabel 3.2 Tabel member
Nama Field Tipe Panjang Keterangan
username* vachar 12 primary Key
commit to user
namalengkap vachar 30
tanggallahir date
telepon vachar 12
alamat text
foto text
c. Tabel penghuni
Tabel penghuni adalah tabel yang digunakan untuk menyimpan
data penghuni kamar. Penghuni kamar ini merupakan kelompok
member yang telah menempati kos yang telah dipilihnya. Jadi penghuni
terdiri dari :
1. Username, primary key. Masing – masing penghuni harus berbeda.
2. Idkamar adalah id kamar yang disewa saat ini.
3. Status, berisi integer 1 karena hanya ada kemungkinan 0 ketika
sudah tidak menyewa dan 1 ketika masih aktif menyewa kos.
4. Tabel 3.3 Tabel penghuni
Nama Field Tipe Panjang Keterangan
username* vachar 12 Primary Key
idkamar vachar 2
status integer 1
d. Tabel alumni
Tabel alumni digunakan untuk menyimpan data alumni. Data
alumni berasal dari data penghuni yang memiliki status 0, yaitu sudah
tidak lagi menyewa kos. Detail tabel alumni dapat dilihat pada tabel 3.4
Tabel 3.4 Tabel alumni
Nama Field Tipe Panjang Keterangan
username* vachar 12 Primary Key
commit to user
Seorang alumni juga dapat login, jadi atributnya adalah
1. Username : username digunakan saat login
2. Tanggalkeluar : tanggal admin menyatakan bahwa status
penghuni menjadi alumni.
e. Tabel pesan
Tabel pesan digunakan untuk menyimpan data – data dari transaksi
pemesanan kamar. Data yang masuk ke tabel ini adalah data yang
berasal dari pemesanan oleh member saja. Tabel ini merupakan tabel
pertemuan untuk tabel member, tabel kamar dan tabel bayar. Berikut
detail tabel alumni dapat dilihat pada tabel 3.5
Tabel 3.5 Tabel pesan
Nama Field Tipe Panjang Keterangan
idpesan* integer 11 Primary Key
username vachar 12
tanggalpesan date
idkamar varchar 2
Beberapa atribut yang dimiliki oleh tabel pesan adalah
1. Idpesan : primary key, idpesan ini akan otomatis bertambah sesuai
banyaknya pemesan.
2. Username : foreign key, username atribut identitas yang dimiliki
oleh member maupun username dalam untuk memesan kamar.
3. Tanggalpesan : tanggal saat itu member dan penghuni melakukan
pengisian form pemesanan kamar.
4. Idkamar : foreign key dari tabel kamar, setiap kamar memiliki id
commit to user
f. Tabel pindah
Tabel 3.6 Tabel pindah
Nama Field Tipe Panjang Keterangan
idpindah* Integer 11 Primary Key
username vachar 12
tanggal datetime
idkamar integer 11
Tabel pindah digunakan untuk menampung data permintaan
penghuni untuk pindah kamar. Beberapa atribut yang dimiliki oleh tabel
pindah adalah
1. Idpindah : primary key dan bersifat autoincrement ,idpindah ini
akan otomatis bertambah sesuai banyaknya penghuni yang
mengajukan permintaan pindah kamar.
2. Username : foreign key, username atribut identitas yang dimiliki
oleh member maupun username dalam untuk memesan kamar.
3. Tanggalpesan : tanggal saat itu member dan penghuni melakukan
pengisian form pemesanan kamar.
4. Idkamar : foreign key dari tabel kamar, setiap kamar memiliki id
kamar yang berbeda.
g. Tabel bayar
Tabel bayar digunakan untuk menyimpan data pembayaran. Admin
memanfaatkan tabel bayar untuk mengubah status dari belum lunas
menjadi lunas. Detail tabel bayar dapat dilihat pada tabel 3.7
Tabel 3.7 Tabel bayar
Nama Field Tipe Panjang Keterangan
idbayar* integer 11 Primary Key
username vachar 12
commit to user
bulanbayar integer 2
tahunbayar integer 4
statusbayar integer 1
pokokbayar integer 6
dendabayar integer 5
totalbayar ineger 6
Beberapa field yang terdapat pada tabel bayar adalah
1. Idbayar : primary key.
2. Username : foreign key, merupakan kode unik dari tabel
member dan penghuni.
3. Tanggalbayar : tanggal saat member maupun penghuni
megirimkan sejumlah uang sewa kos ke rekening admin.
4. Bulanbayar : bulan pembayaran uang kos saat itu.
5. Tahunbayar : tahun pembayaran uang kos saat itu.
6. Statusbayar : berisi kemungkinan 0 dan 1, jika 0 maka belum
lunas, jika 1 maka sudah lunas.
7. Pokokbayar : ada dua pokok bayar yaitu 400000 untuk tipe
kamar A dan 200000 untuk tipe kamar B.
8. Dendabayar : jumlah denda bayar berbeda –beda setiap penghuni
kos, sesuai keterlambatan pembayaran masing –masing.
9. Totalbayar : akumulasi dari pokokbayar dan dendabayar.
h. Tabel kamar
Tabel kamar adalah tabel yang digunakan untuk menyimpan data
kamar. Informasi kamar ini akan berfungsi saat penghuni, member
ataupun admin melihat peta lokasi dari kos. Tabel kamar memiliki 3
field :
1. Idkamar : primary key dan bersifat auto increment.
2. Tipe : foreign key , diambil dari tabel tipe kamar.
3. Nomorkamar : atribut pendukung dari tabel kamar, nomor urut
commit to user
Tabel 3.8 Tabel kamar
Nama Field Tipe Panjang Keterangan
idkamar* integer 11 Primary Key
tipe vachar 1
nomorkamar varchar 4
i. Tabel tipekamar
Tabel tipe kamar adalah tabel yang digunakan untuk menyimpan
data tipe kamar. Terdapat dua tipe kamar yang disimpan dalam tabel
ini. Dua tipe kamar tersebut adalah tipe A untuk kamar berfasilitas
eksklusif dan tipe B berfasilitas biasa. Detail tabel tipe kamar adalah
sebagai berikut:
1. Tipe : primary key, tipe bertipe data varchar 1 karena isinya
hanya A atau B.
2. Harga : bertipe data integer 6 karena harga sewa kos yang
ditawarkan adalah 200000 atau 400000 angkanya ada 6 digit.
3. Fasilitas : atribut pendukung tabel tipe kamar berisi fasilitas masing
–masing kamar.
4. Gambar : memuat gambar dari masing –masing tipe kamar.
5.
Tabel 3.9 Tabel tipekamar
Nama Field Tipe Panjang Keterangan
tipe* vachar 1 Primary Key
harga integer 6
fasilitas text
gambar text
commit to user
Tabel info adalah tabel pembantu antara tabel aktor (admin,
member dan penghuni ) dengan tabel topik. Tabel ini berisi dua field
yaitu username yang merupakan primary key dari masing –masing tabel
aktor dan idtopik yang merupakan primary key dari tabel topik. Detail
tabel info dapat dilihat pada tabel 3.10 dibawah ini.
Tabel 3.10 Tabel info
Nama Field Tipe Panjang Keterangan
username vachar 12 Primary Key
idtopik integer 11
k. Tabel topik
Tabel topik adalah tabel yang digunakan admin, member dan
penghuni menyimpan data informasi atau beria yang diterbitkannya.
Tabel ini memiliki detai tabel sebagai berikut :
1. Idtopik : primary key, bersifat auto increment agar id ini otomatis
bertambah saat aktor menambahkan berita untuk diterbitkan.
2. Judul : judul dari berita yang akan diterbitkan
3. Isi : konten dari berita yang akan diterbitkan
4. Tanggalposting : tanggal berita saat itu diposting.
Gambar 3.16 Gambar Tabel topik
Nama Field Tipe Panjang Keterangan
idtopik* vachar 11 Primary Key
judul vachar 30
isi text
tanggalposting date
3.6Desain Interface Sistem Informasi Kos
Dalam sistem informasi kos ini terdapat lima peran yang saling
berhubungan. Lima peran tersebut adalah admin, pengunjung, member,
commit to user
oleh karena itu interface untuk setiap peran memiliki perbedaan. Interface
yang disediakan dalam sistem ini adalah sebagai berikut :
1. Halaman bagi pengunjung
Desain Interface pertama adalah milik pengunjung. Pengunjung
memiliki lima menu yang dapat diakses.
a. Yang pertama dapat dilihat adalah halaman beranda. Beranda
sistem informasi berisi profil dari rumah kos. Halaman ini
bersifat statis karena berisi informasi dari kos Tisanda, terkait
dengan alamat kos, tipe kamar yang disediakan, jumlah kamar
yang disediakan, fasilitas –fasilitas dan beberapa alasan mengapa
harus memilih Tisanda sebagai tempat kos yang pas.
Gambar 3.6 Desain Halaman Beranda
b. Halaman kedua yang dapat diakses oleh pengunjung adalah
halaman Tipe Kamar. Terdapat dua tipe kamar yang di sediakan,
tipe A dan Tipe B. Tipe A memiliki keunggulan yang lebih baik
dari tipe B, dari segi luas kamar, tempat tidur, kamar mandi dana
harga. Untuk halaman tipe kamar ini data –data yang tampilkan
bersifat dinamis, karena data dan gambar yang ditampilkan
bersumber dari tabel tipe kamar database kost. Desainnya adalah
commit to user
Gambar 3.7 Desain Halaman Tipe Kamar
c. Halaman ketiga yang dapat diakses oleh pengunjung adalah Tata
tertib. Halaman Tata tertib digunakan untuk menampilkan tata
tertib yang berlaku untuk kos ini. Data bersifat statik karena data
yang ditampilkan tidak memiliki tabel khusus. Data diambil dan
diinput langsung dari peraturan Ketua Rukun Tetangga setempat
dan peraturan yang disusun bersama dengan pemilik kos dengan
penghuni kos. Desainnya adalah sebagai berikut:
Gambar 3.8 Desain Halaman Tata tertib
d. Desain Halaman Berita.
Username:
Password :
Login
FOOTER
HEADER
Beranda>>|Tipe kamar>>|Tata tertib>>|Berita>>|Daftar>>
commit to user
Desain halaman berita nantinya digunakan untuk menampilkan
berita. Berita –berita yang ditampilkan berasal dari tabel topik di
dalam database kost. Di dalam satu berita yang nantinya akan
tertampil 3 hal :
1. Judul berita, dengan judul berita user akan tahu gambaran
umum dari apa yang disampaikan oleh penginput berita.
Untuk judul posting dibatasi hanya samapi 30 karakter saja.
2. Isi berita berisi berita secara keseluruhan atau bisa dikatakan
sebagai penjelasam lebih rinci dari judul diatasnya. Isi berita
bertipe data text.
3. Gambar berita, dengan gambar diharapkan user akan lebih
tertarik karena gambar memiliki akan menciptakan cara
pandang pada masing –masing user walaupun pada dasarnya
fungsi utama gambar disini sebagai penjelas dari judul dan isi
yang telah disampaikan.
Gambar 3.9 Desain Halaman Berita
commit to user
e. Menu terakhir yang dapat diakses oleh pengunjung adalah
Daftar. Halaman daftar nantinya digunakan oleh pengunjung
untuk mendaftarkan diri sebagai member. Karena dengan
menjadi member, pengunjung dapat memesan kamar yang
ditawarkan. Data yang diinputkan akan masuk ke tabel member
dari database kost. Di halaman ini terdapat form pendaftaran
yang terdiri dari beberapa field :
1 Username : username yang diinginkan oleh
pengunjung, maksimal 15 karakter.
2 Password : password yang diinginkan oleh pengunjung
maksimal 6 karakter.
3 Nama lengkap : nama lengkap dari pengunjung maksimal
30 karakter.
4 Tanggal lahir : tanggal lahir dari pengunjung,
menggunakan fasilitas dropdown yang ada.
5 Telepon : nomor telepon maksimal 12 karakter
6 Alamat : alamat asli pengunjung, karena bertipe data
teks jadi pengisian dapat diinputkan dengan lengkap.
7 Foto : menggunakan fasilitas browse yang ada. Format
gambar harus jpg atau jpeg dan besarnya file maksimal 100 Kb.
commit to user
Desainnya adalah sebagai berikut :
Gambar 3.10 Desain Halaman Daftar
2. Halaman login admin
Aktor yang kedua adalah Admin. Disamping admin dapat login
dan logut, admin juga memiliki tujuh menu khusus yang dapat
diakses. Berikut desainnya :
a. Desain Halaman Login Admin
Halaman ini merupakan portal bagi admin untuk dapat
mengakses sistem. Untuk dapat mengakses halaman selanjutnya
admin harus menginputkan :
commit to user
Username : inputan boleh angka atau huruf, maksimal
12 karakter
Password : inputan boleh angka atau huruf, maksimal 6
karakter.
Halaman login admin ini akan terhubung langsung dengan tabel
admin, jadi setelah admin menginputkn username dan password,
sistem akan memberikan konfirmasi kepada admin bahwa inputan
benar atau salah. Jika inputan salah, admin diminta untuk mengisi
kembali username dan passwordnya. Jika inputan benar, halaman
akan diteruskan ke index milik admin.
Gambar 3.11 Desain Halaman Login Admin
b. Desain Halaman awal setelah Admin sukses login.
Halaman ini merupakan halaman yang akan muncul
pertama kali setelah admin berhasil login. terdiri tab menu Lihat
berita, Kamar, Pembayaran, Penghuni, Alumni, Pesan, Request dan
tab menu Logout. Dengan tab menu tersebut admin dapat
melakukan tugasnya dalam mengelola berita, mengelola identitas
kamar, mengelola pembayaran, mengelola data penghuni kos dan
commit to user
Gambar 3.12 Desain Halaman Awal Admin
c. Desain Halaman Lihat Berita. Seorang admin juga dapat melihat
berita yang admin posting sendiri ataupun postingan dari penghuni
atau alumni. Disini selain sebagai pembaca admin juga bertugas
sebagai pengatur berita. Sebagai pengatur berita semua berita dapat
diatur oleh admin baik yang di posting admin sendiri juga user
lainnya. Dimenu ini admin dapat menambahkan berita, mengedit
berita dan menhapus berita yang sudah tidak update. Sehingga
berita yang ditampilkan akan selalu baru di depan user. Bersifat
dinamis karena data –data tersimpan di dalam tabel topik.
Gambar 3.13 Desain Halaman Lihat Berita
commit to user
d. Desain Halaman Form Tambah Berita
Halaman ini nantinya akan aktif apabila admin memilih link
tambahkan berita. Muncul 3 option pilihan isian yang harus diisi
oleh admin yaitu :
1. Judul : merupakan gambaran umum dari berita, inputan
maksimal 30 karakter.
2. Isi : penjelasan dari judul yang telah diinputkan
diatasnya. Boleh diisi lebih banyak karena bertipe data
text
3. Foto : sebagai alat bantu penjelas dari judul dan isi
yang telah ditampilkan. Jika proses penginputan telah
selesai, klik tambah berita dan berita kana tertampil.
Halaman ini dinamis karena data- data ini akan masuk
ke dalam tabel topik.
Gambar 3.14 Desain Halaman Form Tambah Berita
commit to user
e. Desain Halaman Kamar, berisi peta lokasi dari kos, baik di lantai bawah
maupun lantai atas. Secara fungsi sama yaitu menampilkan data yang ada
dalam tabel penghuni dari database kos. Peta lokasi ini memiliki dua
fungsi yang sangat membantu kerja admin, penjelasanya adalah :
1. Apabila kursor diarahkan ke salah satu nomor kamar maka akan
terlihat identitas kamar dan nama lengkap dari penghuninya.
2. Setelah kursor diarahkan ke salah satu kamar, ketika diklik akan
muncul profil lengkap dari penghuni tersebut. Tidak banyak yang
dapat dilakukan admin di halaman ini. Disini admin hanya melihat
denah, posisi kamar yang masih kosong dan posisi kamar yang yang
telah terisi. Untuk profil hanya penghuni sendiri yang dapat
mengubahnya.
Gambar 3.15 Desain Halaman Kamar
e. Desain Halaman Pembayaran, memberikan informasi lunas atau
belum lunas penghuni dalam membayar uang kos. Pemberitahuan
ini akan muncul setiap akhir bulannya. Informasi ini akan
disampaikan oleh admin kepada pemilik kos. Sebaliknya pemilik
kos juga menyampaikan data penghuni yang sudah membayar kos,
Selamat Datang Admin,
Peta Lokasi Blok bawah Peta Lokasi Blok atas
FOOTER
HEADER
commit to user
kepada admin sehingga admin dapat mengubah status penghuni
yang belum membayar menjadi lunas. Untuk keterangan penghuni
yang sudah lunas tidak bisa diganti menjadi belum lunas lagi. Data
–data tersebut akan mask ke dalam tabel bayar database kost.
Gambar 3.16 Desain Halaman Pembayaran
f. Desain Halaman Penghuni, memuat data –data penghuni kos.
Halaman inin terhubung dengan tabel penghuni. Tabel yang
ditampilkan pada halaman ini menampilkan field nama lengkap,
tipe kamar dan nomor kamar dari masing –masing penghuni.
Fasilitas yang disediakan untuk admin adalah checkbox untuk
menjadikan penghuni menjadi alumni.
Selamat Datang Admin,
Daftar Pembayaran Bulan Mei April 2012
No Nama Status Bayar
1 Risqi Indah Lunas
2 Ririn Dwi C Belum Lunas
Tandai Lunas
FOOTER
HEADER
commit to user
Gambar 3.17 Desain Halaman Penghuni
g. Desain Halaman Alumni di desain bersebelahan dengan tab menu
penghuni. Desain seperti ini dirasa sudah efisien karena saat
perpindahan data penghuni menjadi alumni akan lebih dekat
mengaksesnya. Halaman alumni nantinya menampilkan data
alumni kos, sehingga data alumni dapat tersimpan dengan baik.
Data alumni yang ditampilkan adalah nama lengkap, tipe kamar
dan nomor asal kamar sebelumnya dan tanggal penghuni tersebut
keluar dari kos. Berikut tampilannya :
Selamat Datang Admin,
Daftar Penghuni Kost
No Nama Tipe Kamar No Kamar Action
1 Risqi Indah B 1 Jadikan Alumni
2 Ririn Dwi C B 3 JadikanAlumni
FOOTER
HEADER
Lihat Berita|Kamar|Pembayaran|Penghuni|Alumni|Pesan|Request|Logout
commit to user
Gambar 3.18 Desain Halaman Alumni
h. Desain Halaman Pesan, memuat data member yang memesan
kamar. Untuk halaman pesan ini hanya ditampilkan anama lengkap
dan tanggal pesannya. Kemudian terdapat fasilitas setujui. Ketika
telah disetujui maka nama tersebut telah aktif menjadi penghuni.
Gambar 3.19 Desain Halaman Pesan
commit to user
i. Desain Halaman Request, memuat data permintaan pindah kamar
dari penghuni. Sistemnya sama seperti pesan namun untuk request
data transaksi masuk ke tabel pindah. Kondisi ini terjadi ketika
seorang penghuni yang sudah memiliki kamar sendiri namun masih
memngirimkan permintaan untuk pindah kamar. Fasilitas setujui
digunakan untuk mengaktifkan kamar yang dipilih untuk diganti
sebagai kamar barunya.
Gambar 3.20 Desain Halaman Request
3. Desain halaman penghuni dan member
Halaman penghuni memiliki 4 aktifitas yang dapat dikerjakan
di dalam sistem ini yaitu ubah profil, melihat denah kamar denah
kamar, mengirim permintaan pindah kamar kepada admin melalui
halaman pindah kamar dan menambahkan bverita melalui halaman
buat berita. Perbedaannya dengan alumni adalah alumni hanya
memiliki satu kegiatan saja yaitu membuat berita saja. Untuk
penghuni dan alumni sama – sama dapat login dan logout.
commit to user
a. Desain halaman Login penghuni dan member
Penghuni dan member memiliki tempat login yang sama. Hanya
saja setelah masing –masing menginputkan username dan password,
penghuni atau alumni harus memilih statusnya dengan menggunakan
fasilitas combobox yang disediakan.
Gambar 3.21 Desain Halaman Login Penghuni dan Member
b. Desain Halaman Index
Setelah penghuni suskses login maka akan muncul halaman
index. Di dalam halaman index tampil beberapa tab menu yang
dapat dikunjungi oleh pengunjung umum dan terdapat 4 menu
khusus yang hanya ada di halaman milik penghuni yaitu ubah
profil, kamar, peindah kamar dan buat berita.
Gambar 3.22 Desain Halaman Index Penghuni
commit to user
c. Desain Halaman Ubah Profil
Ubah Profil merupakan fasilitas yang hanya dimiliki oleh
penghuni. Data profil yang dapat diubah adalah nama lengkap,
tanggal lahir, nomor telepon, alamat dan foto. Setelah selesai
pengubahan data klik Simpan Profil.
Gambar 3.23 Desain Halaman Ubah Profil Penghuni
d. Desain Halaman Kamar
Halaman kamar ini memiliki fungsi yang sama dengan
halaman kamar yang berada di halaman kamar milik admin.
Fungsinya adalah untuk menampilkan detail kamar tersebut kosong
atau sudah terisi. Jika sudah terisi maka dengan mudah penghuni
yang satu dengan yang lain saling melihat profil. Cara seperti ini
juga memudahkan penghuni untuk saling mengakrabkan diri
dengan 60 orang penghuni lainnya.
Nama lengkap : nama_penghuni Tanggal lahir : tanggallahir
Telepon : nomortelepon_penghuni Alamat : alamat_penghuni
Foto :
Simpan Profil
FOOTER
HEADER
commit to user
Gambar 3.24 Desain Halaman Kamar
e. Desain Halaman Pindah Kamar
Halaman pindah kamar nantinya digunakan oleh penghuni
jika ingin pengirim kan permintaan pindah kamar kepada admin.
Karena identitas lengkap dari penghuni sudah tercatat dan
tersimpan dengan baik di dalam tanel penghuni maka disaat
penghuni menginginkan untuk pindah kamar, penghuni tidak perlu
lagi menginputkan data diri atau semacamnya. Form permohonan
pindah kamar hanya berisi piliha kamar kosong dan kemudian
kirim permintaan dengan klik button kirim. Data akan masuk ke
tabel pindah. Berikut tampilan desainnya:
Beranda>> Tipe kamar>> Tata tertib>> Berita>>
Halaman Kamar Atas
commit to user
Gambar 3.25 Desain Halaman Pindah Kamar
f. Desain Halaman Buat Berita Penghuni dan alumni
Desain halaman ini sistemnya sama seperti buat berita milik
alumni atau menambahkan berita milik admin. Hanya saja seorang
penghuni dan alumni tidak dapat mengubah atau mmenghapus
berita. Berita yang sudah ditampikan akan ditata dengan rapi
nantinya oleh admin. Selesai menginputkan berita kemudian klik
button tambahkan berita, maka berita akan tampil. Di halaman ini
juga alumni dapat menambahkan berita. Setelah selesai untuk
semua aktifitasnya penghuni dan alumni dapat klik Keluar untuk
keluar dari sistem. Berikut tampilan desainnya :
Form Permohonan Pindah Kamar : Pilih Kamar
FOOTER
HEADER
Beranda>> Tipe kamar>> Tata tertib>> Berita>>
commit to user
Gambar 3.26 Desain Halaman Buat Berita Penghunidan alumni.
Selamat datang :nama_alumni
Buat Berita
Keluar
G u v
Form Input berita
Judul :
Isi :
Gambar :
FOOTER
HEADER
Beranda>> Tipe kamar>> Tata tertib>> Berita>>
|Browse
commit to user BAB IV
IMPLEMENTASI SISTEM
4.1 Implementasi Rancangan Sistem Informasi Kos Muslimah Tisanda 4.1.1 Halaman Admin
1. Halaman Login
Halaman ini merupakan portal bagi admin untuk dapat
mengakses sistem. Untuk dapat mengakses halaman selanjutnya admin
harus menginputkan username dan password. Berikut rancangan desain
dan hasil implementasinya.
Gambar 4.1 Halaman Login Admin
Username :
Password :
FOOTER
HEADER
Login
commit to user 2. Halaman Index
Halaman ini merupakan halaman yang akan muncul pertama kali
setelah admin berhasil login. Berikut rancangan desain dan hasil
implementasinya.
Gambar 4.2 Halaman Index Admin
3. Halaman Lihat Berita
Halaman lihat berita merupakan halaman untuk mengelola
detail data berita sehingga berita dapat diatur dengan baik dan dapat
diakses oleh seluruh pengguna sistem. Berikut rancangan desain dan hasil
commit to user
Gambar 4.3 Halaman Lihat Berita
4. Halaman Kamar
Halaman mahasiswa merupakan halaman untuk menampilkan
detail peta lokasi penghuni kos sehingga admin dan penghuni kos tahu
letak kamar kos yang kosong. Berikut ini adalah rancangan desain dan
commit to user
Gambar 4.4 Halaman Kamar
5. Halaman Pembayaran
Halaman pembayaran adalah halaman untuk mengatur dataa
pembayaran saat bulan itu, terdapat fasilitas checkbox dan button Tandai
commit to user
Berikut adalah rancangan desain dan hasil implementasi halaman
pembayaran.
Gambar 4.5 Halaman Pembayaran
6. Halaman Penghuni
Halaman Penghuni adalah halaman yang digunakan untuk melihat
commit to user
untuk membantu admin dalam mengatur data penghuni. Berikut adalah
rancangan desain dan hasil implementasi halaman Penghuni.
Gambar 4.6 Halaman Penghuni
7. Halaman Alumni
Halaman Alumni adalah halaman yang menampilkan data alumni
commit to user
ditampilkan adalah nama lengkap, tipe kamr dan nomor asal kamar
sebelumnya dan tanggal penghuni tersebut keluar dari kos. Berikut adalah
rancangan desain dan hasil implementasi halaman Alumni .
Gambar 4.7 Halaman Alumni
8. Halaman Pesan
Halaman Pesan adalah halaman yang digunakan untuk
menampilkan data member yang telah memesan kamar. sistem akan
menghapus otomastis apabila member –member ini setelah 3hari tidak
melakukan konfirmasi pemesanan kos tersebut. Tetapi jika member
memberikan kepastian untuk menyewa sebelum jatuh tempo maka admin
akan mengubah status member menjadi penghuni sesuai dengan tipe dan
nomor kamar yang dipesan. Berikut adalah rancangan desain dan hasil
commit to user
Gambar 4.8 Halaman Pesan
9. Halaman Request
Halaman Pesan adalah halaman yang digunakan untuk
menampilkan data penghuni yang mengajukan permintaan untuk pindah
kamar. Data yang masuk akan dipertimbangkan oleh pemilik kos,
selanjutnya sesuai dengan perintah pemilik kos, admin akan merubah
status kamar baru tersebut untuk penghuni yang dikehendakinya. Untuk
commit to user
commit to user 4.1.2 Halaman Pengunjung
1. Halaman Index
Gambar 4.10 Halaman Index Pengunjung
Gambar di atas adalah desain dan hasil implementasi dari halaman
beranda. Halaman ini merupakan halaman yang akan muncul pertama kali
bagi pengunjung. Bersifat statik karena halaman beranda tidak memiliki
commit to user 2. Halaman Tipe Kamar
Halaman tipe kamar adalah halaman untuk menampilkan
tipe kamar dari rumah kos yang ditawarkan. Terdapat dua tipe kamar yang
ditawarkan, tipe A dan tipe B. Setiap tipenya memiliki fasilitas yang
berbeda. Untuk halaman tipe kamar ini data –data yang tampilkan bersifat
dinamis, karena data dan gambar yang ditampilkan bersumber dari tabel
tipe kamar database kost. Berikut desain dan hasil implementasi dari
halaman Tipe Kamar.
commit to user 3. Halaman Tata Tertib
Halaman Tata tertib digunakan untuk menampilkan tata tertib yang
berlaku untuk kos ini. Data bersifat statik karena data yang ditampilkan
tidak memiliki tabel khusus. Berikut desain dan hasil implementasi dari
halaman Tata Tertib.
commit to user 4. Halaman Berita
Halaman Berita digunakan untuk menampilkan berita. Berita –
berita yang ditampilkan berasal dari tabel topik di dalam database kost.
Berikut desain dan hasil implementasi dari halaman Berita.
Gambar 4.13 Halaman Berita
5. Halaman Daftar
Halaman daftar digunakan oleh pengunjung untuk mendaftarkan
diri sebagai member. Karena dengan menjadi member, pengunjung dapat
memesan kamar yang ditawarkan. Di halaman ini terdapat form
pendaftaran yang terdiri dari beberapa field :
8 Username : username yang diinginkan oleh pengunjung,
commit to user
9 Password : password yang diinginkan oleh pengunjung
maksimal 6 karakter.
10 Nama lengkap : nama lengkap dari pengunjung maksimal 30
karakter.
11 Tanggal lahir : tanggal lahir dari pengunjung, menggunakan
fasilitas dropdown yang ada.
12 Telepon : nomor telepon maksimal 12 karakter
13 Alamat : alamat asli pengunjung, karena bertipe data teks
jadi pengisian dapat diinputkan dengan lengkap.
14 Foto : menggunakan fasilitas browse yang ada.
Field yang ada harus diisi semua. Berikut desain dan hasil
implementasinya :