Upload
trancong
View
222
Download
0
Embed Size (px)
Citation preview
perpustakaan.uns.ac.id digilib.uns.ac.id
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
2012
perpustakaan.uns.ac.id digilib.uns.ac.id
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
NIDN. 0614078103
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iii
HALAMAN PENGESAHAN
PEMBUATAN SISTEM INFORMASI KOS MUSLIMAH TISANDA
BERBASIS PHP DAN MYSQL
Disusun oleh
UMIYATI
NIM M3209086
Dibimbing oleh
Pembimbing Utama
Nanang Maulana, S.Si
NIDN. 0614078103
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 :
1. Penguji 1 Nanang Maulana, S.Si ( )
NIDN. 0614078103
2. Penguji 2 Fendi Aji Purnomo, S.Si ( )
NIDN. 0626098402
3. Penguji 3 Hartono, S.Si ( )
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
Drs. Y.S Palgunadi, M.Sc.
NIP. 19560407 198303 1 004
perpustakaan.uns.ac.id digilib.uns.ac.id
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.
Key word: PHP, MYSQL, INFORMATION SYSTEM
perpustakaan.uns.ac.id digilib.uns.ac.id
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.
Kata Kunci: PHP, MySQL, Sistem Informasi
perpustakaan.uns.ac.id digilib.uns.ac.id
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
pelindung (Ali-Imran : 173)
perpustakaan.uns.ac.id digilib.uns.ac.id
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.
6. Teman-teman D3 Teknik Informatika dan almamater.
perpustakaan.uns.ac.id digilib.uns.ac.id
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
Penulis
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ix
DAFTAR ISI
HALAMAN JUDUL ........................................................................................ i
HALAMAN PERSETUJUAN ......................................................................... ii
HALAMAN PENGESAHAN .......................................................................... iii
HALAMAN ABSTRACT ............................................................................... iv
HALAMAN INTISARI ................................................................................... v
HALAMAN MOTTO ...................................................................................... vi
HALAMAN PERSEMBAHAN ...................................................................... vii
KATA PENGANTAR ..................................................................................... viii
DAFTAR ISI .................................................................................................... ix
DAFTAR TABEL ............................................................................................ xi
DAFTAR GAMBAR ....................................................................................... xii
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah ............................................................. 1
1.2 Rumusan Masalah ....................................................................... 1
1.3 Batasan Masalah ......................................................................... 2
1.4 Tujuan dan Manfaat .................................................................... 2
1.5 Metodologi Penelitian ................................................................. 3
1.6 Sistematika Penulisan ................................................................. 3
BAB II LANDASAN TEORI
2.1 Konsep Dasar Sistem ................................................................. 5
2.1.1 Database .......................................................................... 5
2.1.2 Karakeristik Sistem ......................................................... 5
2.1.3 Elemen Sistem ................................................................ 6
2.2 Pengertian Informasi ................................................................... 7
2.3 Pengertian Sistem Informasi ....................................................... 7
2.4 Perancangan Sistem .................................................................... 7
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
x
2.4.1 Pengertian Perancangan Sistem ......................................... 7
2.4.2 Alat Bantu Perancangan Sistem ......................................... 8
2.4.2.1 Context Diagram ................................................. 8
2.4.2.2 Data Flow Diagram ............................................ 8
2.4.2.3 Diagram Relasi Entitas ....................................... 9
2.5 Pengertian Website ..................................................................... 11
2.6 Pengertian PHP ........................................................................... 11
2.7 Pengertian SQL ........................................................................... 12
BAB III DESAIN DAN PERANCANGAN SISTEM
3.1 Analisis 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
3.2.2 Data Flow Diagram Level 0 .............................................. 15
3.2.3 Data Flow Diagram Level 1 .............................................. 18
3.3 Entity Relationship Diagram (ERD) .......................................... 19
3.4 Relasi Tabel ................................................................................... 20
3.5 Rancangan Tabel ............................................................................ 20
3.6 Desain Website ............................................................................... 26
BAB IV IMPLEMENTASI SISTEM
4.1 Implementasi Rancangan Sistem Informasi Kos Muslimah Tisanda
.................................................................................................... 45
4.2 Pengujian Sistem Informasi Kos Muslimah Tisanda .................... 59
BAB V PENUTUP
5.1 Kesimpulan.................................................................................... 86
5.2 Saran .............................................................................................. 86
DAFTAR PUSTAKA ...................................................................................... 87
perpustakaan.uns.ac.id digilib.uns.ac.id
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
Tabel 3.11 Tabel topik ..................................................................................... 27
perpustakaan.uns.ac.id digilib.uns.ac.id
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 1 Manage 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
Gambar 3.23 Desain Halaman Ubah Profil Penghuni ..................................... 42
perpustakaan.uns.ac.id digilib.uns.ac.id
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
Gambar 4.28 Dialogbox Berita Berhasil Dihapus............................................ 65
perpustakaan.uns.ac.id digilib.uns.ac.id
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
Gambar 4.59 Halaman Denah Kamar Baru umeytisanda ................................ 83
perpustakaan.uns.ac.id digilib.uns.ac.id
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
Gambar 4.65 Dialogbox Logout Sukses. ......................................................... 85
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
1
BAB I
PENDAHULUAN
1.1 Latar 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.
1
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
2
1.2 Rumusan Masalah
Perumusan masalahnya adalah bagaimana membuat sebuah sistem
informasi kos, khususnya kos muslimah Tisanda.
1.3 Batasan 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.4 Tujuan 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
Memberikan informasi tentang kos Muslimah Tisanda
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
3
1.5 Metodologi 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.6 Sistematika 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
Muslimah Tisanda
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
4
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
tugas akhir ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
5
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.
5
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
6
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
Suatu hasil dari proses pengolahan siatem yang dikeluarkan ke
lingkungan
g. Pengolah sistem
Bagian dari sistem yang mengubah masukan (input) menjadi keluaran
(output)
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
Transformasi Output
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
7
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
untuk mendukung operasi sistem.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
8
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
metodologi pengembangan sistem yang terstruktur dan merupakan diagram
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
9
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
lingkungan pemakai dalam konteks sistem yang telah dibuat.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
10
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
atribut-atribut.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
11
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 HTTPWeb 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
pada gambar berikut :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
12
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
penyimpanan data.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
13
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
13
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
14
3.2 Perancangan Sistem
3.2.1 Contex Diagram
Adapun Contex Diagram yang dirancang adalah sebagai berikut :
Sistem informasi
Kos Tisanda
Penghuni
Pengunjung
Alumni
Admin
Member
1 2
65
43
8
7
10
9
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.
10. Alumni memperoleh detail berita.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
15
3.2.2 Data Flow Diagram (DFD) Level 0
Adapun Data Flow Diagram level 0 yang penulis ajukan adalah sebagai
berikut:
1.0
Daftar MemberPengunjung
Admin
Alumni
Penghuni
Member
2.0
Login
4.0
Memesan Kamar
Nama_lengkap,tgl_lahir,
alamat,no_telp
Username,password
Username,passwordVerifikasi gagal/sukses
5.0
Manage Berita
Admin
Member
Alumni
Penghuni
Berita Kos
Pesan
Kamar
Data adminData adminUsername,password
Username,password
Verifikasi gagal/sukses
Verifikasi gagal/sukses
Data member
Data alumni
Data alumni
Data penghuni
Data penghuni
username,password,Id_ka
mar,tipe
Konfirmasi pemesanan
kamar
Username,password,idka
mar, tipe
Konfirmasi permintaan
pindah kamar
Konfirmasi berita tertampil
Username,judul,isi
Konfirmasi berita tertampilKonfirmasi berita tertampil
Username,judul,isi
Username,judul,isiData Berita
Data Berita
Data kamar
Data kamar
Data transaksi pemesenan
Data transaksi
pemesenan
Detail Form Daftar
Data member
7.0
Menyetujui
pemesanan
Konfirmasi data
pemesanan
Username, password
Data pemesananData pemesanan
RequestData request
Data request
6.0
Proses Bayar Bayar
Data transaksi
pembayaran
Data transaksi
pembayaranKonfirmasi pembayaran
Jumlah denda
Data requestData request
Data penghuniData penghuni
8.0
Menyetujui
Pengunduran diri
Data member
Konfirmasi data penghuni
ke data alumni
Username, passwordData penghuni
Data penghuni
Data alumniData alumni
3.0
Update Profil
Username,password
Detail profil diri
Data penghuni
Data penghuni
Gambar 3.2 Data Flow Diagram level 0
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
16
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
dan penghuni.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
17
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
member. Bedanya adalah apabila member memesan kamar masuk ke
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
18
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
Admin
Penghuni
Alumni
5.1
Tulis berita
5.2
Edit berita
5.3
Hapus berita
beritakos
Username,password,judul,
isi berita
Detail informasi
Username,password,judul,
isi berita
Username,password,judul,
isi berita
Detail informasi
Detail informasi
Data berita
Data berita
Data berita
Data berita
Data berita
Data berita
Gambar 3.3 Manage Berita
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
19
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
Admin Member
Penghuni
Alumni
Kamar
Type kamar
Topik
Memesan Bayar
Username Password
username
password
namalengkap
tgllahir notelp
alamat
foto
username
tglpesan idkamar
usernameTgl_bayar
Bln_bayar
Thn_bayar Status_bayar Denda_bayar
Pokok_bayar
Total_bayar
melakukan
username
Id_kamar
status
menjadi
usernameTgl_keluar
Mempunyai
Id_kamar
tipe_kamar
tipe
harga
fasilitas
gambar
Id_topik
judul
isi
Tgl_posting
Membuat
Info
Info dibuat
M
M
M
1
1
1
1
1
M
1
1
MM
idpesan
idbayar
nomorkamar
username
idtopik
M
idtopikusername
Gambar 3.4 Entity Relation Diagram
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
20
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 kos dapat 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
tabel – tabelnya adalah sebagai berikut:
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
21
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
password vachar 6
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
22
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
tanggalkeluar date
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
23
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
kamar yang berbeda.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
24
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
tanggalbayar date
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
25
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
kamar. Detail dari tabel kamar adalah sebagai berikut :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
26
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
j. Tabel info
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
27
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.6 Desain Interface Sistem Informasi Kos
Dalam sistem informasi kos ini terdapat lima peran yang saling
berhubungan. Lima peran tersebut adalah admin, pengunjung, member,
penghuni dan alumni. Kelima peran ini memiliki hak akses masing –masing,
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
28
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
sebagai berikut :
Username:
Password :
Login
FOOTER
HEADER
Beranda>>|Tipe kamar>>|Tata tertib>>|Berita>>|Daftar>>
Beranda sistem informasi
Username:
Password :
HEADER
Beranda>>|Tipe kamar>>|Tata tertib>>|Berita>>|Daftar>>
Informasi Tipe kamar
Tipe A
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
29
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>>
Informasi Tata tertib kos
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
30
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
Username:
Password :
Login
FOOTER
HEADER
Beranda>>|Tipe kamar>>|Tata tertib>>|Berita>>|Daftar>>
Berita update
Diposting oleh :
nama_pemosting
Judul berita :
Isi berita :
Foto :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
31
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.
Field yang ada harus diisi semua. Berikut desain :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
32
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 :
Username:
Password :
Login
FOOTER
HEADER
Beranda>>|Tipe kamar>>|Tata tertib>>|Berita>>|Daftar>>
Interface Daftar
Username :
Password :
Nama lengkap :
Tanggal lahir :
Telepon :
Alamat :
Foto :
Daftar
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
33
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
alumni, serta mengelola data para member atau penghuni yang
telah memesan kamar.
Username :
Password :
FOOTER
HEADER
Login
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
34
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
Selamat Datang Admin,
FOOTER
HEADER
Lihat Berita|Kamar|Pembayaran|Penghuni|Alumni|Pesan|Request|Logout
Selamat Datang Admin,
Berita 1
Berita 2
FOOTER
HEADER
Lihat Berita|Kamar|Pembayaran|Penghuni|Alumni|Pesan|Request|Logout
Tambah Berita
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
35
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
Selamat Datang Admin,
Form Tambah Beri Judul : Isi : Foto :
FOOTER
HEADER
Lihat Berita|Kamar|Pembayaran|Penghuni|Alumni|Pesan|Request|Logout
Tambah Berita
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
36
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
Lihat Berita|Kamar|Pembayaran|Penghuni|Alumni|Pesan|Request|Logout
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
37
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
Lihat Berita|Kamar|Pembayaran|Penghuni|Alumni|Pesan|Request|Logout
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
38
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
Proses
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
39
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
Selamat Datang Admin,
Daftar Alumni Kost
No Nama Tipe Kamar No Kamar Tgl Keluar
1 Risqi Indah B 1 2012-05-20
2 Ririn Dwi C B 3 2012-05-20
FOOTER
HEADER
Lihat
Berita|Kamar|Pembayaran|Penghuni|Alumni|Pesan|Request|Logout
Proses
Selamat Datang Admin,
Pesan Masuk
No Nama Tanggal Pesan Aksi
1 Ani 2012-05-22 Setujui
2 Ririn Dwi C 2012-05-22 Setujui
FOOTER
HEADER
Lihat Berita|Kamar|Pembayaran|Penghuni|Alumni|Pesan|Request|Logout
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
40
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.
Selamat Datang Admin,
Pesan Masuk
No Nama Kamar Asal Kamar Tujuan Tanggal Aksi
1 Ani B - 36 B – 3 2012-06-07 Setujui
2 Ririn Dwi B - 37 B - 4 2012-06-07 Setujui
FOOTER
HEADER
Lihat Berita|Kamar|Pembayaran|Penghuni|Alumni|Pesan|Request|Logout
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
41
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
Username :
Password :
Login
Beranda sistem informasi
FOOTER
HEADER
Beranda>>|Tipe kamar>>|Tata tertib>>|Berita>>|Daftar>>
v Selamat datang : nama_penghuni
Ubah Profil
Kamar
Pindah Kamar
Buat Berita
Keluar
Beranda sistem informasi
FOOTER
HEADER
Beranda>> Tipe kamar>> Tata tertib>> Berita>>
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
42
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.
Selamat datang :
nama_penghuni
Ubah Profil
Kamar
Pindah Kamar
Buat Berita
Keluar
FORM PROFIL
Nama lengkap : nama_penghuni
Tanggal lahir : tanggallahir
Telepon : nomortelepon_penghuni
Alamat : alamat_penghuni
Foto :
Simpan Profil
FOOTER
HEADER
Beranda>> Tipe kamar>> Tata tertib>> Berita>>
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
43
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:
Selamat datang
:nama_penghuni
Profil
Kamar
Pindah Kamar
Buat Berita
Keluar
Denah kamar kos
FOOTER
HEADER
Beranda>> Tipe kamar>> Tata tertib>> Berita>>
Halaman Kamar Atas
Halaman Kamar Bawah
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
44
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 :
Selamat datang :nama_penghuni
Profil
Kamar
Pindah Kamar
Buat Berita
Keluar
Form Permohonan Pindah Kamar :
Pilih Kamar
FOOTER
HEADER
Beranda>> Tipe kamar>> Tata tertib>> Berita>>
B - 3 Kirim
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
45
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
Tambahkan berita
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
46
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
46
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
47
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
implementasinya.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
48
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
hasil implementasi halaman kamar.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
49
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
Lunas untuk membantu admin dalam mengatur sistem pembayaran.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
50
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
detail data penghuni kamar. terdapat fasilitas checkbox dan button Proses
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
51
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
kos, sehingga data alumni dapat tersimpan dengan baik. Data alumni yang
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
52
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
implementasi halaman Pesan.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
53
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
data yang tidak dibutuhkan lagi admin dapat menhapusnya.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
54
Gambar 4.9 Halaman Request
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
55
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
database khusus.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
56
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.
Gambar 4.11 Halaman Tipe Kamar
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
57
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.
Gambar 4.12 Halaman Tata tertib
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
58
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,
maksimal 15 karakter.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
59
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 :
Gambar 4.14 Halaman Daftar
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
60
4.2 Pengujian Sistem Informasi Kos Mmuslimah Tisanda
4.2.1 Halaman Admin
1. Login Admin
Gambar 4.15 Login Admin
Halaman ini merupakan portal bagi admin untuk dapat mengakses
sistem. Untuk dapat mengakses halaman selanjutnya admin harus
menginputkan username dan password. Ada tiga kemungkinan yang
terjadi saat login, yaitu :
a. Ketika salah menginputkan username ataupun password maka
akan ada pemberitahuan bahwa inputan salah.
Gambar 4.16 Dialogbox Login Gagal
b. Ketika sukses login maka sebelum masuk ke halaman index
akan muncul dialogbox sukses.
Gambar 4.17 Dialogbox Login Sukses
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
61
Setelah sukses login, admin akan masuk ke halaman index yang
terdiri beberapa tab menu.
Gambar 4.18 Halaman Index Admin
Halaman ini merupakan halaman yang akan muncul pertama kali
setelah admin berhasil login. Halaman index 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 alumni, serta mengelola
data para member yang telah memesan kamar. Selesai dengan aktifitas
mengelola data dengan fasilitas tab menu – tab menu tersebut, admin dapat
keluar dari sistem dengan klik tab menu logout. Ketika berhasil logout
maka akan muncul pemberitahuan bahwa admin telah logout.
Gambar 4.19 Dialogbox Logout
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
62
2. Halaman Lihat Berita
Gambar 4.20 Halaman Lihat Berita
Halaman lihat berita merupakan halaman untuk menampilkan
detail data berita. Di halaman ini admin dapat mengelola dan menampilkan
berita. Pengelolaan berita terdiri dari input berita, ubah berita dan tampil
berita. Untuk menambahkan berita dari admin dapat langsung klik link
Tambahkan data. Kemudian akan muncul form penambahan berita seperti
di bawah ini :
Gambar 4.21 Halaman Form Penambahan Berita
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
63
Di form penambahan berita, admin harus menginputkan judul
berita pada textfield Judul, menginputkan isi berita di textfield isi.
Kemudain klik button Tambah berita. Klik Tambah berita menandakan
proses penginputan telah selesai, sehingga sistem akan melakukan
pemrosesan terhadap data yang diinputkan. Data berita akan masuk ke
dalam tabel topik di dalam database kost. Jika proses berhasil maka akan
muncul pemberitahuan melalui dialogbox bahwa berita berhasil
ditambahkan.
Gambar 4.22 Dialogbox Sukses Tambah Berita
Setelah penambahan berita berhasil, maka berita akan tertampil di
halaman Lihat Berita.
Gambar 4.23 Halaman Sukses Tambah Berita
Proses edit data berita akan aktif ketika admin telah menginputkan.
Untuk mengubah judul berita atau isi berita yang pertama yang harus
dilakukan adalah klik Baca selengkapnya. Setelah itu akan muncul isi
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
64
berita secara keseluruhan disertai dengan dua opsi yang dapat admin
lakukan, Ubah Berita atau Hapus Berita. Klik Ubah berita.
Gambar 4.24 Halaman Berita Lengkap
Setelah itu, admin bisa mengganti sesuai dengan kebutuhan.
Gambar 4.25 Halaman Ubah Berita
Proses ubah berita selesai dengan klik button Ubah Berita. Jika
berhasil akan muncul dialogbox bahwa Berita berhasil di ubah.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
65
Gambar 4.25 Dialogbox Berita Berhasil Diubah
Opsi yang disediakan lainya adalah Hapus Berita. Ini digunakan
untuk menghapus berita yang ada. Admin dapat menghapus berita yang
baru saja diubah dengan klik button Hapus Berita. Selanjutnya juga akan
muncul dialogbox pemberitahuan bahwa berita berhasil dihapus. Berita
yang baru saja diubah akan hilang dari halaman lihat berita.
Gambar 4.27 Halaman Berita Lengkap
Gambar 4.28 Dialogbox Berita Berhasil Dihapus
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
66
3. Halaman Kamar
Halaman Kamar berisi peta lokasi dari penghuni kos. Peta lokasi
dibagi menjadi dua bagian halaman atas dan halaman bawah. 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 :
3. Apabila kursor diarahkan ke salah satu nomor kamar maka akan
terlihat identitas kamar dan nama lengkap dari penghuninya. Misal
gambar dibawah ini, admin mengarahkan kursor ke salah satu kamar.
dari situ terlihat bahwa yang admin lihat adalah kamar bertipe B nomor
59 dengan nama penghuni Festy Ratna Aditama.
4. Setelah kursor diarahkan ke kamar B. 59 , ketika diklik akan muncul
profil lengkap dari penghuni tersebut, seperti gambar dibawah ini.
Gambar 4.29 Halaman Kamar
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
67
Gambar 4.30 Halaman Profil Penghuni
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
68
4. Halaman Pembayaran
Gambar 4.31 Halaman Pembayaran
Halaman pembayaran adalah halaman yang digunakan untuk
mengelola data pembayaran para penghuni. Yang harus dilakukan oleh
admin adalah mencentang data penghuni yang yang sudah membayar uang
kos untuk pembayaran bulan saat itu. Setelah dicentang kemudian klik
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
69
button Tandai Lunas. Misal admin akan menandai bahwa Kunsa Dewi
Cahyani dari belum lunas menjadi berstatus lunas.
Gambar 4.32 Menandai Lunas
Kemudian akan muncul dialogbox pemberitahuan bahwa Pelunasan telah
berhasil.
Gambar 4.33 Dialogbox pelunasan berhasil
Ketika telah berhasil, maka status data yang berada didalam halaman tabel
pembayaran milik Kunsa Dewi Cahyani telah berubah dari Belum lunas
menjadi lunas.
Gambar 4.34 Status Pembayaran Kunsa Dewi Cahyani
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
70
5. Halaman Penghuni
Gambar 4.35 Halaman Penghuni
Halaman Penghuni adalah halaman yang digunakan untuk melihat
detail data para 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. Misal admin
menjadikan alumni penghuni yang bernama lengkap
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
71
Gambar 4.36 Mengubah Status Penghuni
Setelah klik Proses maka akan muncul pemberitahuan jika proses
pengubahan status penghuni bernama Festy Ratna Aditama berhasil
diubah menjadi alumni.
Gambar 4.37 Dialogbox Berhasil Mengubah Status Penghuni
Sekarang nama lengkap Festy Ratna Aditama dengan status penghuni
dalam kamar B 59, telah hilang. Sebenarnya data dari Festy tidak hilang,
hanya saja data yang tadi berstatus penghuni berada di tabel penghuni kini
berpindah masuk kedalam tabel alumni.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
72
Gambar 4.38 Data Berhasil Dipindah
Ketika data penghuni bernama Festy berhasil dipindah maka
otomastis data alumni juga betambah satu lengkap dengan tanggal saat
penghuni tersebut diubah statusnya dari penghuni menjadi alumni.
Gambar 4.39 Data Berhasil Tampil Di Daftar Alumni
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
73
4.2.2 Halaman Pengunjung
Halaman untuk pengunjung terdiri dari 2 jenis halaman, dinamis
dan statis. 2 halaman yang merupakan halaman stastis adalah halaman
Beranda, Tata tertib. Sedangkan halaman Tipe Kamar, Berita dan Daftar
merupakan halaman dinamis yang berkaitan langsung dengan tabel masing
– masing. Beberapa halaman sudah penulis jelaskan di penjelasan
sebelumnya. Namun untuk implementasi halaman Daftar adalah sebagai
berikut.
Pengunjung dapat memngunjungi halaman Daftar apabila
pengunjung menginginkan dirinya menjadi member. Pengunjung harus
menjadi member sehingga dapat memesan kamar. untuk menjadi member
pengunjung harus menginputkan data diri dengan lengkap di dalam form
pendaftaran yang disediakan. Setelah itu baru klik daftar. Untuk mengubah
status dari member menjadi penghuni, member harus konfirmasi kepada
admin. Sehingga dengan username dan password yang telah didaftarkan
tersebut member dapat login ke sistem.
Gambar 4.40 Halaman Daftar
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
74
Pengunjung dapat mengisi form sesuai dengan ketentuan yang ada.
Gambar 4.41 Pengisian Form
Setelah diklik daftar dan data di proses, maka baru muncul pilihan
tipe dan nomor kamar yang dipesan oleh member.
Gambar 4.42 Pesan Kamar
Setelah member memilih kamarnya, data akan masuk kedalam tabel
pesan dan akan tertampil dalam halaman pesan milik admin sesuai dengan
identitas yang pengunjung inputkan. Proses berhasil ketika sistem
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
75
memberikan pemberitahuan bahwa pemesanan berhasil dan kemudian
halaman akan refresh ke halaman daftar.
Gambar 4.43 Pemesanan Berhasil.
Gambar 4.44 Data Pemesan Berhasil Tampil
4.2.3 Halaman Penghuni
1. Login Penghuni dan Alumni
Berikut ini adalah tampilan dari halaman login dari penghuni dan
alumni. Misal login dengan username umeytisanda dan password tsanda.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
76
Untuk status harus disesuaikan login sebagai apa, misal login sebagai
penghuni.
Gambar 4.45 Login Penghuni dan Alumni
Karena umeytisanda adalah seorang penghuni maka dia akan sukses login,
namaun apabila umeytisanda mencoba login sebagai alumni maka sistem
akan memberi tanda kesalahan.
Gambar 4.46 Penghuni Gagal Login
Jika login sukses akan muncul pemberitahuan login sukses kemudian
halaman akan diarahkan ke index milik penghuni.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
77
Gambar 4.47 Penghuni Sukses Login
Di halaman index terdapat tambahan menu khusus bagi penghuni yaitu
Profil, Kamar, Pindah Kamar, Buat Berita dan Keluar. Selanjutnya akan
penulis jelaskan masing –masing fungsinya.
Gambar 4.48 Halaman Index Penghuni
2. Halaman Profil
Fungsi halaman ini adalah untuk menampilkan kembali detail data
yang dulu diinputkan kali pertama sewaktu menjadi mendaftar menjadi
member. klik Ubah Profil untuk mengubah profil.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
78
Gambar 4.49 Halaman Profil
Berikut tampilan ubah profil. Disini penghuni boleh mengedit data dirinya.
Misal mengubah alamat, dari Sukoharjo menjadi Bulu, Sukoharjo.
Kemudian foto yang tadi baru hitam putih diganti menjadi foto yang
lainnya.
Gambar 4.50 Halaman Ubah Profil
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
79
untuk mengganti foto profil dapat klik browse kemudian sistem akan
mengarahkan pencarian ke memori komputer. Klik open untuk upload
foto.
Gambar 4.51 Halaman Upload Foto
Selesai pengisian data klik Simpan. Jika gagal karena masih ada field yang
belum diisi maka akan muncul pemberitahuan :
Gambar 4.52 Dialogbox Alamat Kosong
Sedangakan jika berhasil maka pemberitahuannya adalah seperti dibawa
ini, kemudian halaman akan diteruskan ke profil yang telah perbarui.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
80
Gambar 4.53 Dialogbox Ubah Profil Sukses
Gambar 4.54 Halaman Profil Baru
2. Halaman Kamar Penghuni
Halaman kamar milik penghuni sama dengan halaman milik
admin, jadi dengan dapat melihat denah lokasi kamar dengan memiliki
2 fungsi kursor tersebut penghuni dapat lebih cepat mengenal dan
mengakrabkan diri penghuni satu dengan yang lainya.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
81
Gambar 4.55 Halaman Kamar Penghuni
3. Halaman Pindah Kamar
Di dalam halaman pindah kamar terdapat pilihan kamar yang
kosong. Misal umeytisanda memilih kamar tipe B dengan nomor kamar
57, kemudian kirim permintaan.
Gambar 4.56 Halaman Pindah Kamar
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
82
Umeytisanda akan mendapat pemberitahuan bahwa permintaan telah
terkirim dan keterangan lebih lanjutnya.
Gambar 4.57 Halaman Permintaan Pindah Kamar Terkirim
Sebaliknya untuk penghuni yang belum menyelesaikan administrasinya,
penghuni ini tidak dapat mengakses menu pindah kamar ini.
Sejalan dengan pemberitahuan tersebut, data permintaan pindah kamar
telah bertambah. Data di halaman request admin akan bertambah bahwa
Nama Lengkap : Umiyati Berkamar asal : B – 36 mengingikan pindah ke
kamar B - 57
Gambar 4.58 Halaman Daftar Permintaan Pindah Masuk
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
83
Jika sudah disetujui oleh admin maka umeytisanda sekarang pindah ke
kamar baru B -57. Data di permintaan pindah hilang.
Gambar 4.59 Halaman Daftar Permintaan Berhasil Disetujui
Gambar 4.60 Halaman Denah Kamar Baru umeytisanda
4.2.4 Halaman Alumni
Alumni hanya memiliki aktifitas buat berita, aktifitas ini juga
terdapat di halaman penghuni. Setelah klik menu Buat Berita, maka akan
muncul sebuah Form Tambah Berita user diminta untuk mengisi field –
fieldnya.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
84
Gambar 4.61 Halaman Form Tambah Berita Penghuni dan Alumni
Setelah diisi, klik Tambah berita.
Gambar 4.62 Halaman Tambah Berita Penghuni dan Alumni
Jika ada salah satu field yang masih kosong, maka sistem akan memberi
peringatan seperti di bawah ini :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
85
Gambar 4.63 Dialogbox Isi Berita Kosong
Namun jika penambahan berita telah berhasil maka pemberitahuannya
adalah seperti di bawah ini:
Gambar 4.64 Dialogbox Sukses Tambah Berita
Gambar 4.65 Berita Baru Tampil
Setelah selesai dengan masing –masing aktifitasnya maka penghuni dan
alumni dapat klik Keluar untuk keluar dari sistem.
Gambar 4.66 Dialogbox Logout Sukses.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
86
BAB V
PENUTUP
A. Kesimpulan
Dari hasil pembuatan tugas akhir yang telah dilakukan, dapat
diambil simpulan bahwa telah berhasil membuat Sistem Informasi Kos
Muslimah Tisanda dengan semua gambaran umum yang dibutuhkan oleh
pencari kos.
B. Saran
Berdasarkan hasil pengerjaan sistem informasi dapat dikemukakan
saran sebagai berikut :
1. Diperlukan admin untuk mengawasi jalannya sistem informasi sehingga
sistem tetap rapi dan dapat berjalan dengan baik.
2. Sistem informasi yang telah dibangun hanya dapat menampung data,
menampilkan data pembayaran, nantinya dapat dilakukan pengambangan
agar sistem dapat mencetak nota pembayaran sebagai bukti sah
pembayaran uang kos yang dimiliki oleh penghuni kos.