Pembuatan Sistem Informasi Kos Muslimah Tisanda Berbasis Php Dan Mysql UMIYATI M3209086

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

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

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

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 Penulis

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

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.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 Muslimah Tisanda

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 tugas akhir ini.

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

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

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 untuk mendukung operasi sistem.

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 metodologi pengembangan sistem yang terstruktur dan merupakan diagram

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 penyimpanan data.

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 Kos Tisanda Penghuni Pengunjung Alumni Admin Member 1 2 6 5 4 3 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.

commit to user 3.2.2 Data Flow Diagram (DFD) Level 0

Adapun Data Flow Diagram level 0 yang penulis ajukan adalah sebagai berikut: 1.0 Daftar Member Pengunjung Admin Alumni Penghuni Member 2.0 Login 4.0 Memesan Kamar Nama_lengkap,tgl_lahir, alamat,no_telp Username,password Username,password Verifikasi gagal/sukses 5.0 Manage Berita Admin Member Alumni Penghuni Berita Kos Pesan Kamar Data admin Data admin Username,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 tertampil Konfirmasi berita tertampil

Username,judul,isi

Username,judul,isi Data 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 pemesanan Data pemesanan Request Data request Data request 6.0

Proses Bayar Bayar

Data transaksi pembayaran Data transaksi pembayaran Konfirmasi pembayaran Jumlah denda Data request Data request Data penghuni Data penghuni 8.0 Menyetujui Pengunduran diri Data member

Konfirmasi data penghuni ke data alumni

Username, password Data penghuni

Data penghuni Data alumni Data alumni 3.0 Update Profil Username,password

Detail profil diri

Data penghuni Data penghuni

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 dan penghuni.

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 member. Bedanya adalah apabila member memesan kamar masuk ke

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

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 Admin Member Penghuni Alumni Kamar Type kamar Topik Memesan Bayar Username Password username password namalengkap tgllahir notelp alamat foto username tglpesan idkamar username Tgl_bayar Bln_bayar

Thn_bayar Status_bayar Denda_bayar Pokok_bayar Total_bayar melakukan username Id_kamar status menjadi username Tgl_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 M M idpesan idbayar nomorkamar username idtopik M idtopik username

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

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

Username: Password :

Login

FOOTER

HEADER

Beranda>>|Tipe kamar>>|Tata tertib>>|Berita>>|Daftar>> Berita update

Diposting oleh : nama_pemosting Judul berita : Isi berita : Foto :

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. Field yang ada harus diisi semua. Berikut desain :

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 :

Username: Password :

Login

FOOTER

HEADER

Beranda>>|Tipe kamar>>|Tata tertib>>|Berita>>|Daftar>>

Interface Daftar Username : Password : Nama lengkap : Tanggal lahir : Telepon : Alamat :

Foto :

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 alumni, serta mengelola data para member atau penghuni yang telah memesan kamar.

Username : Password :

FOOTER

HEADER

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

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

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

Selamat Datang Admin, Form Tambah Beri Judul :

Isi :

Foto :

FOOTER

HEADER

Lihat Berita|Kamar|Pembayaran|Penghuni|Alumni|Pesan|Request|Logout

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

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

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.

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

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

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

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.

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

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:

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

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 :

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

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

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 hasil implementasi halaman kamar.

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 Lunas untuk membantu admin dalam mengatur sistem pembayaran.

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 detail data penghuni kamar. terdapat fasilitas checkbox dan button Proses

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 kos, sehingga data alumni dapat tersimpan dengan baik. Data alumni yang

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 implementasi halaman Pesan.

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 data yang tidak dibutuhkan lagi admin dapat menhapusnya.

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 database khusus.

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 :

commit to user

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.

commit to user

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.

commit to user 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 :

commit to user

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

commit to user

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.

commit to user

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

commit to user 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.

commit to user

commit to user 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

commit to user

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.

commit to user 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

commit to user

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.

commit to user

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.

commit to user 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.

commit to user

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

commit to user

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.

commit to user

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

commit to user

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 –

commit to user

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 :

commit to user

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.

commit to user

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.