TUGAS AKHIR MAHASISWA PEMBUATAN SISTEM …...perpustakaan.uns.ac.id digilib.uns.ac.id Programa...

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


commit to user

ii

HALAMAN PERSETUJUAN



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



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.

Key word: PHP, MYSQL, INFORMATION SYSTEM


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


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)


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.


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


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


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


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


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


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


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


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


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


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


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.


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


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


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.


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


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.


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.


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 :


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.


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


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.


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


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.


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


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


isi berita


isi berita

Detail informasi

Detail informasi

Data berita

Data berita

Data berita

Data berita

Data berita

Data berita

Gambar 3.3 Manage Berita


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


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:


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


username* vachar 12 primary Key

password vachar 6


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



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



tanggalkeluar date


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


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.


commit to user

24

f. Tabel pindah

Tabel 3.6 Tabel pindah


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


idbayar* integer 11 Primary Key

username vachar 12

tanggalbayar date


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 :


commit to user

26

Tabel 3.8 Tabel kamar


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


tipe* vachar 1 Primary Key

harga integer 6

fasilitas text

gambar text

j. Tabel info


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


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


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,


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


Informasi Tipe kamar

Tipe A


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


Informasi Tata tertib kos


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


Berita update

Diposting oleh :

nama_pemosting

Judul berita :

Isi berita :

Foto :


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 :


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


Interface Daftar

Username :

Password :

Nama lengkap :

Tanggal lahir :

Telepon :

Alamat :

Foto :

Daftar


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


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


Berita 1

Berita 2

FOOTER

HEADER


Tambah Berita


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


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


Form Tambah Beri Judul : Isi : Foto :

FOOTER

HEADER


Tambah Berita


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,


Peta Lokasi Blok bawah

Peta Lokasi Blok atas

FOOTER

HEADER



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.


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

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 :


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


Proses


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


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


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

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.


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

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


FOOTER

HEADER


v Selamat datang : nama_penghuni

Ubah Profil

Kamar

Pindah Kamar

Buat Berita

Keluar


FOOTER

HEADER

Beranda>> Tipe kamar>> Tata tertib>> Berita>>


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



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


Halaman Kamar Atas

Halaman Kamar Bawah


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


B - 3 Kirim


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


|Browse

Tambahkan berita


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


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.


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.


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.


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


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


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.


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.


commit to user

54

Gambar 4.9 Halaman Request


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.


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


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


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,



commit to user

59

9 Password : password yang diinginkan oleh pengunjung


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


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


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


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


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


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.


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


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


commit to user

67

Gambar 4.30 Halaman Profil Penghuni


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


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


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


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.


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


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


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


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.


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.


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.


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


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.


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.


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


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


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.


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 :


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.


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.

TUGAS AKHIR MAHASISWA PEMBUATAN SISTEM …...perpustakaan.uns.ac.id digilib.uns.ac.id Programa...

Documents

Transcript of TUGAS AKHIR MAHASISWA PEMBUATAN SISTEM …...perpustakaan.uns.ac.id digilib.uns.ac.id Programa...