17

BAB III

ANALISA DAN PERANCANGAN SISTEM

Pada bab ini membahas mengenai analisis masalah, perancangan sistem,

desain sistem, serta pemodelan sistem yang akan dibuat, sehingga dari pembahasan

ini dapat diketahui gambaran mengenai sistem yang akan dibuat. Selain itu dapat

mempermudah dalam tahap pembuatan dan pemahaman sistem.

3.1 Analisa Sistem

Analisa sistem bertujuan untuk mengidentifikasi permasalahan-

permasalahan dan solusi yang meliputi deskripsi sistem dan penyelesaian

kontrakan.

3.1.1 Deskripsi Sistem Berjalan

Al-Fatih adalah rumah kontrak yang dihuni oleh sebagian besar mahasiswa

UMM. Al-Fatih merupakan kontrakan tahunan. Dimana, pada setiap satu tahun

sekali mahasiswa yang ingin melanjutkan atau mengisi massa kontrakan akan

membayar ke pemilik rumah kontrak tersebut. Adapun untuk administrasi berupa

listrik, air, iuran sampah, dan lain lain yang bersifat bulanan. Sepenuhnya diberikan

kepada penghuni Al-Fatih tersebut. Sehingga mahasiswa yang mengontrak di Al-

Fatih secara mandiri mengelola administrasi bulanan tersebut. Dalam pengelolahan

administrasi bulanan masih menggunakan proses konvensional. Dimana, saat

penagihan iuran bulanan ketua penghuni menagih setiap mahasiswa yang

mengontrak untuk melakukan pembayaran secara satu -persatu. Namun

dikarenakan kesibukan dan jurusan yang berbeda-beda dalam setiap anak.

Membuat administrasi bulanan mengalami kendala. Akibatnya terkadang ketua

penghuni menanggung uang pembayaran bulanan ataupun terkena sanksi karena

lambat melakukan pembayaran. Dikarenakan tidak adanya laporan tertulis berupa

informasi dan pengeluaran bulanan pada kontrakan Al-Fatih.

Selain masalah administrasi bulanan. Diperlukan sebuah informasi yang

mencakup personal seperti data penghuni. Ini berguna untuk mengetahui latar

belakang dan informasi setiap penghuni, untuk keperluan masa datang. Informasi

personal ini seperti biodata penghuni yang wajib diisi ketika menjadi penghuni

kontrakan Al-Fatih.

18

3.1.2 Penyelesaian Kontrakan

Berdasarkan latar belakang masalah diatas, penulis melakukan penelitian

dan membuat sebuah sistem informasi yang nantinya akan berguna kedepannya

sebagai media informasi seperti pembayaran, informasi kontrakan dan lain-lain.

Dimana, penghuni melakukan pembayaran melalui aplikasi web secara mandiri dan

nantinya sebagai bukti bayar bulanan. Dan juga ketika penghuni yang telah terdaftar

wajib mengisi biodata diri sebagai media informasi setiap penghuni.

3.2 Rancangan Sistem

Perancangan sistem adalah merancang atau mendesain suatu sistem yang

baik, yang isinya adalah langkah-langkah operasi dalam proses pengolahan data

dan prosedur untuk mendukung operasi sistem. Adapun langkah-langkah dalam

perancangan sistem penulis menggunakan klasifikasi pengguna, spesifikasi

perangkat lunak dan juga bagan alir (flowchart).

3.2.1 Klasifikasi Pengguna

Dari hasil penelitian maka didapat klasifikasi pengguna. User dapat

diklasifikasikan menjadi : Administrator, Operator dan Penghuni. Dalam sistem

kerja ini tugas bagian Administrator adalah :

a. input, save, edit dan delete data akses admin

b. input, save, edit dan delete data akses user

c. input, save, edit dan delete data tata-tertib

d. input, save, edit dan delete data pengumuman

e. print, save, edit dan delete data penghuni

f. balas data kontak

g. print, dan hapus data bayar

Adapun sistem kerja tugas bagian Operator adalah yang bertugas untuk:

a. input, save, edit dan delete data akses operator

b. print, save, edit, dan delete data penghuni

c. balas data kontak

d. print, dan hapus data bayar

Sistem kerja tugas penghuni adalah mengisi identitas, melihat massa

kontrak, tanggal kontrak, ruang kosong, tata-tertib, pengumuman, melakukan

konfirmasi bayar, melakukan kirim data bayar.

19

3.2.2 Spesifikasi Perangkat Lunak

Didasarkan atas kebutuhan pengguna maka didapatkan spesifikasi

perangkat keras sebagai berikut :

a. Pengaksesan sistem informasi dilakukan dengan memanfaatkan jaringan lokal

client-server sebagai arsitektur teknologi informasi.

b. Sistem diimplementasikan menggunakan perangkat lunak Xampp sebagai

aplikasi server localhost yang merupakan web server.

c. CodeIgniter sebagai framework web bahasa pemrograman PHP. Sublime Text

sebagai editor untuk berbagai bahasa pemrograman termasuk php.

d. Sistem informasi menggunakan Microsoft Windows 7.

3.3 Desain Sistem

3.3.1 Flowchart

Bagan alir (flowchart) merupakan teknik analitis yang Bagan alir

(flowchart) merupakan teknik analitis yang digunakan untuk menjelaskan aspek-

aspek sistem informasi secara jelas, tepat dan logis. Bagan alir menggunakan

serangkaian simbol standar untuk menguraikan prosedur pengolahan transaksi yang

digunakan oleh sebuah perusahaan, sekaligus menguraikan aliran data dalam

sebuah sistem (Pramono, 2015). Proses sistem yang berjalan di gambarkan sebagai

berikut :

20

Gambar 3. 1 Tampilan Flowchart Calon Penghuni

1. Calon penghuni melakukan pendaftran.

2. Calon penghuni memilih menu pendaftaran dan melakukan pengisian

formulir pada form pendaftaran.

3. Calon penghuni yang telah melakukan pendaftaran akan menerima kode

username dan password untuk melakukan login.

4. Calon penghuni juga dapat mengakses menu-menu lain pada halaman

publik seperti menu bantuan terdapat (kontak dan lupa password). Dan

menu informasi terdapat (pengumuman, tata-tertib, jadwal, dan

prosedur).

21

Gambar 3. 2 Tampilan Flowchart Penghuni

1. Penghuni melakukan pembayaran.

2. Penghuni memilih menu pembayaran dan melakukan pengisian formulir

pada form pembayaran.

3. Penghuni yang telah melakukan pembayaran akan menerima konfirmasi

bahwa pembayaran telah sukses, apabila sudah mengisi pembayaran

secara valid.

4. Penghuni juga dapat mengakses menu-menu lain pada halaman

dashboard seperti menu bantuan terdapat (kontak dan lupa password).

Dan menu informasi terdapat (pengumuman, tata-tertib, jadwal, dan

prosedur).

22

5. Penghuni diwajibkan mengisi biodata yang telah disediakan pada form

biodata. Data yang diisi harus benar dan valid.

Gambar 3. 3 Tampilan Flowchart Operator

1. Operator dapat melihat, mencetak dan menghapus data pembayaran.

2. Operator dapat melihat, membalas dan menghapus data kontak.

3. Operator dapat melihat, mengubah, dan menghapus data penghuni.

4. Operator dapat mengubah data myadmin.

23

Gambar 3. 4 Tampilan Flowchart Admin

1. Administrator dapat menambah, mengubah, menghapus dan blokir data

user atau operator.

2. Administrator dapat melihat, menghapus dan mencetak data

pembayaran.

3. Administrator dapat menambah, mengubah, dan menghapus data

informasi (pengumuman, tata-tertib, jadwal dan prosedur).

4. Administrator dapat melihat, membalas dan menghapus data kontak.

5. Administrator dapat melihat, mengubah, dan menghapus data penghuni.

6. Administrator dapat mengubah dan menghapus data myadmin.

24

3.3.2 Context Diagram

Context Diagram atau diagram konteks merupakan diagram yang

menggambarkan level tertinggi dari DFD, atau biasa disebut dengan DFD level 0.

Diagram konteks berisi gambaran secara umum (secara garis besar) sistem yang

akan dibuat (Pramono, 2015). Pada gambar diagram konteks di bawah ini

dijelaskan terdapat sebuah proses dan empat buah eksternal entities, yaitu public,

dashboard, operator dan administrator. Di sini digambarkan proses sistem secara

keseluruhan atau secara umum dari sistem informasi kontrakan Al-Fatih.

Sedangkan eksternal entities menggambarkan pihak-pihak yang berada di luar

sistem yang secara langsung berhubungan dengan sistem dalam hal memberi data

atau menerima informasi. Selain itu juga terdapat data flow yang menghubungkan

antara eksternal entities dengan proses yang berisi data atau informasi dari eksternal

entities ke sistem atau sebaliknya.

Gambar 3. 5 Context Diagram Sistem Informasi Kontrakan Al-Fatih

25

Dari gambar 3.5 dapat dijelaskan, bahwa terdapat 2 terminator yang

berhubungan dengan sistem :

1. Administrator menambah, mengedit, menghapus, ataupun blokir data user. melihat,

mengedit ataupun mencetak data penghuni. menambah, menghapus, mengedit data

pengumuman. membalas, menghapus data kontak. melihat, mencetak data

informasi pembayaran.

2. Operator mengedit ataupun mencetak data penghuni. membalas, menghapus data

kontak. melihat, mencetak data informasi pembayaran.

3.3.3 DFD (Data Flow Diagram)

Data Flow Diagram atau lebih dikenal dengan DFD sering digunakan untuk

menggambarkan suatu sistem yang telah ada atau sistem baru yang akan

dikembangkan. DFD itu sendiri merupakan sebuah metodologi pengembangan

sistem yang terstruktur (structured analisys and design). DFD sangat popular

digunakan karena dapat menggambarkan arus data di dalam sistem dengan struktur

(Pramono, 2015).

Gambar 3. 6 DFD Level 0 SIM Kontrakan Al-Fatih

Dari gambar 3.6 dapat dijelaskan, DFD Level 0 menjelaskan secara

terperinci informasi dari context diagram pada gambar 3.5. Di dalam SIM

kontrakan Al-Fatih terdapat 1 sistem pokok (administrator) dan 1 sistem pembantu

(operator), adapun penjelasannya sebagai berikut :

1. Administrator akan memasukkan, merubah dan menghapus data pada sistem

informasi, sistem informasi akan memberikan informasi kepada administrator

terkait keberhasilan proses input, edit serta delete data pada sistem informasi

Al-Fatih. Selain itu, sistem juga akan memberikan informasi pada

administrator berupa data hard copy (data cetakan).

2. Operator berfungsi untuk membantu administrator dalam memasukkan,

mengedit dan menghapus data pada sistem informasi. Namun ada hak-hak

26

yang tidak sepenuhnya diberikan kepada operator dalam menjalankan sistem

informasi.

Pada penjelasan diatas, terminator yang terhubung pada sistem secara

umum dapat dijelaskan pada DFD level 0, sehingga informasi rinci mengenai fungsi

dari terminator tersebut belum dapat digambarkan. Dari DFD level 0 dapat

dikembangkan menjadi DFD level 1 yang hampir secara rinci mampu menjelaskan

gambaran sistem.

Berdasarkan gambaran sistem dari DFD level 0, sistem informasi

dikembangkan dan memiliki 2 fungsi pokok, yaitu : penghuni dan user. Berikut

adalah gambaran rinci sistem informasi pada DFD level 1 :

Gambar 3. 7 DFD Level 1 SIM Kontrakan Al-Fatih

Terdapat 2 terminator yang terhubung dengan 2 fungsi pokok

sistem informasi yaitu :

1. Administrator akan merubah dan menghapus data penghuni, penghuni akan

memberikan informasi terkait berhasil atau tidaknya proses delete dan hapus

yang telah dilakukan administrator. selain itu administrator juga

memberikan informasi berupa hard copy terkait data penghuni.

2. Administrator akan memasukkan, merubah dan menghapus data pada user,

user akan memberikan informasi terkait berhasil atau tidaknya proses input,

edit, dan delete yang telah dilakukan administrator.

3. Operator berfungsi untuk membantu administrator dalam merubah dan

menghapus data penghuni. Namun ada hak-hak yang tidak sepenuhnya

diberikan kepada operator dalam menjalankan sistem informasi.

27

Berdasarkan gambaran sistem dari DFD level 1, sistem informasi

dikembangkan dan memiliki 2 fungsi pokok, yaitu : penghuni dan user.

Berikut adalah gambaran rinci sistem informasi pada DFD level 2 :

Gambar 3. 8 DFD Level 2 SIM Kontrakan Al-Fatih Penghuni

28

1. Administrator : merubah dan menghapus data penghuni, data penghuni akan

memberikan informasi terkait berhasil dan tidaknya administrator melakukan

proses tersebut.

2. Administrator : memasukkan, merubah dan menghapus data pengumuman, data

pengumuman akan memberikan informasi terkait berhasil tidaknya

administrator melakukan proses tersebut.

3. Administrator : memasukkan, merubah dan menghapus data prosedur, data

prosedur akan memberikan informasi terkait berhasil tidaknya administrator

melakukan proses tersebut.

4. Administrator : memasukkan, merubah dan menghapus data jadwal, data jadwal

akan memberikan informasi terkait berhasil tidaknya administrator melakukan

proses tersebut.

5. Administrator : memasukkan, merubah dan menghapus data tatib, data tatib

akan memberikan informasi terkait berhasil tidaknya administrator melakukan

proses tersebut.

6. Administrator : memasukkan, merubah dan menghapus data kontak, data

kontak akan memberikan informasi terkait berhasil tidaknya administrator

melakukan proses tersebut.

7. Administrator : merubah dan menghapus data pembayaran, data pembayaran

akan memberikan informasi terkait berhasil tidaknya administrator melakukan

proses tersebut.

29

Gambar 3. 9 DFD Level 2 SIM Kontrakan Al-Fatih (User)

Administrator : memasukkan, merubah dan menghapus data user, data user

memberikan informasi terkait berhasil dan tidaknya administrator melakukan

proses tersebut.

3.3.4 Rancangan Tabel

a. Tabel tb_kontak

Tabel tb_kontak digunakan untuk menampung data kontak. misalnya, ada

penghuni Al-Fatih yang bertanya tentang informasi tertentu. Tabel ini yang

digunakan untuk menampung pesannya. Selanjutnya user admin bisa membalas

pesan ini ke alamat email penghuni yang menulis pesan. Adapun struktur tabel

sepeti terlihat pada gambar dibawah ini.

Tabel 3. 1 Struktur Tabel Kontak

Field Type Length/values Index

id int 5 Primary key

nama varchar 30

email varchar 30

judul varchar 30

isi text

status_balas enum(‘0’,’1’)

dibuat datetime

diperbarui datetime

30

b. Tabel tb_bayar

Tabel tb_bayar digunakan untuk menyimpan data pembayaran yang dibayarkan

oleh penghuni Al-Fatih melalui transfer bank. Penghuni yang melakukan

konfirmasi pembayaran dapat mengunduh bukti pembayaran tersebut dan akan

tersimpan kedalam pembayaran. Adapun struktur tabel sepeti terlihat pada

gambar dibawah ini.

Tabel 3. 2 Struktur Tabel Pembayaran

c. Tabel tb_pengumuman

Tabel tb_pengumuman digunakan untuk menampung data informasi kepada

penghuni Al-Fatih. Seperti jadwal piket, prosedur, informasi ruangan kosong,

pembayaran dan lain-lain. Adapun struktur tabel sepeti terlihat pada gambar

dibawah ini.

Tabel 3. 3 Struktur Tabel Pengumuman

Field Type Length/values Index

id int 5 Primary primary

nama varchar 30

nama_file varchar 30

jumlah_bayar varchar 30

informasi_tambahan text

img_bayar varchar 30

wkt_transaksi datetime

field type length/values index

id smallint 5 Primary key

judul varchar 30

parameter varchar 30

isi text

dibuat datetime

diperbarui datetime

31

d. Tabel tb_user

Tabel tb_user digunakan untuk menampung data admin/user, baik yang

memiliki level admin/user perlu login terlebih dahulu. Program akan

mencocokkan data login yang dimasukkan di form login. Adapun struktur tabel

sepeti terlihat pada gambar dibawah ini.

Tabel 3. 4 Struktur Tabel User

e. Tabel tb_penghuni

Tabel tb_penghuni digunakan untuk menampung data penghuni Al-Fatih. data

ini meliputi data akun dan biodata penghuni. data akun penghuni digunakan

untuk login. Biodata diisi ketika melakukan pendaftaran, sebagai informasi

penghuni. Adapun struktur tabel sepeti terlihat pada gambar dibawah ini.

Tabel 3. 5 Struktur Tabel Penghuni

field type length/

values index

id int 5 Primary key

nik varchar 16

username char 10

password char 10

field type length/values index

id tinyint 2 primary key

username varchar 32

password varchar 32

nama varchar 32

level enum

(‘operator’,’administrator’)

status_blokir enum (‘0’,’1’)

dibuat datetime

diperbarui datetime

32

nama_lengkap varchar 30

jenis_kelamin enum(‘p’,’l’)

agama enum

(‘0’,’1’,’2’,’3’,’4’,’5’,’6’)

ket_agama varchar 30

tempat_lahir varchar 30

tanggal_lahir date

alamat_tinggal text

alamat_domisili text

email varchar 30

no_hp varchar 15

tinggi_badan varchar 3

berat_badan varchar 3

golongan_darah enum (‘o’,’ab’,’b’,’a’)

status_anak enum (‘0’,’1’)

anak_ke varchar 2

jumlah_saudara varchar 2

nama_ayah varchar 15

pekerjaan_ayah enum

(‘0’,’1’,’2’,’3’,’4’,’5’,’6’,’7’)

ket_pekerjaan_ayah varchar 50

no_hp_ayah varchar 15

nama_ibu varchar 15

pekerjaan_ibu enum

(‘0’,’1’,’2’,’3’,’4’,’5’,’6’,’7’)

ket_pekerjaan_ibu varchar 50

no_hp_ibu varchar 15

ska_nama_dasar varchar 64

ska_status_dasar enum (‘0’,’1’)

ska_alamat_dasar varchar 255

ska_tahun_masuk_dasar year 4

33

ska_tahun_lulus_dasar year 4

ska_nama_menengah varchar 64

ska_status_menengah enum (‘0’,’1’)

ska_alamat_menengah varchar 255

ska_tahun_masuk_menengah year 4

ska_tahun_lulus_menengah year 4

ska_nama_atas varchar 64

ska_status_atas enum (‘0’,’1’)

ska_alamat_atas varchar 255

ska_tahun_masuk_atas year 4

ska_tahun_lulus_atas year 4

status_penghuni enum (‘0’,’1’)

status_biodata enum (‘0’,’1’)

status_bayar enum (‘0’,’1’)

dibuat datetime

diperbarui datetime

f. Tabel tb_tatib

Tabel tb_tatib digunakan untuk menampung data tatib. Baik tatib kontakakan

maupun tatib warga. Adapun struktur tabel sepeti terlihat pada gambar dibawah

ini.

Tabel 3. 6 Struktur Tabel Tatib

field type length/values index

id smallint 4 Primary key

judul varchar 64

parameter varchar 128

isi text

dibuat datetime

diperbarui datetime

34

3.4 Pemodelan

3.4.1 Peta Situs Aplikasi

a. Public. Adalah pengunjung umum /penghuni yang tidak perlu login saat

menggunakan aplikasi. Mereka adalah penghuni yang hendak mendaftar

sebagai penghuni baru Al-Fatih. Ataupun penghuni ini hanya ingin

melihat tampilan informasi, penghuni kontrakan, dan informasi umum

lainnya.

Gambar 3. 10 Tampilan Menu user level “Public”

35

b. Dashboard. Adalah penghuni yang sudah login atau yang telah terdaftar

pada kontrakan Al-Fatih. hal-hal yang terkait dengan administrasi

seperti, mengisi biodata penghuni, melihat informasi, melakukan

pembayaran, dan informasi penghuni lainnya.

Gambar 3. 11 Tampilan Menu user level “Dashboard”

c. Operator. Adalah yang bertanggung jawab terhadap kontrakan.

Operator berfungsi sebagai pembantu administrator untuk mengelola

aplikasi web.

Gambar 3. 12 Tampilan Menu user level ‘Operator’

36

d. Administrator. Adalah yang bertannggung jawab terhadap kontrakan.

Admnistrator adalah hak akses tertinggi. Kelebihan administrator adalah

dapat menambahkan, mengedit, menghapus data user

(operator/administrator) dan juga data informasi

Gambar 3. 13 Tampilan Menu user level ‘Administrator’

3.4.2 Tampilan Antar Muka

a. Tampilan Public

Gambar 3. 14 Tampilan Antar Muka Home-Public

37

Gambar 3. 15 Tampilan Antar Muka Penghuni-Public

Gambar 3. 16 Tampilan Antar Muka Pendaftaran-Public

38

Gambar 3. 17 Tampilan Antar Muka Informasi-Public

Gambar 3. 18 Tampilan Antar Muka Bantuan-Public

39

b. Tampilan Dashboard

Gambar 3. 19 Tampilan Antar Muka Home-Dashboard

Gambar 3. 20 Tampilan Antar Muka Penghuni-Dashboard

40

Gambar 3. 21 Tampilan Antar Muka Pembayaran-Dashboard

Gambar 3. 22 Tampilan Antar Muka Informasi-Dashboard

41

Gambar 3. 23 Tampilan Antar Muka Bantuan-Dashboard

Gambar 3. 24 Tampilan Antar Muka Akun Saya-Dashboard

42

c. Operator

Gambar 3. 25 Tampilan Antar Muka Home-Operator

Gambar 3. 26 Tampilan Antar Muka Penghuni-Operator

43

Gambar 3. 27 Tampilan Antar Muka Kontak-Operator

Gambar 3. 28 Tampilan Antar Muka Informasi Bayar-Operator

44

Gambar 3. 29 Tampilan Antar Muka MyAdmin-Operator

d. Administrator

Gambar 3. 30 Tampilan Antar Muka Home-Administrator

45

Gambar 3. 31 Tampilan Antar Muka User-Administrator

Gambar 3. 32 Tampilan Antar Muka Penghuni-Administrator

46

Gambar 3. 33 Tampilan Antar Muka Pengumuman-Administrator

Gambar 3. 34 Tampilan Antar Muka Kontak-Administrator

47

Gambar 3. 35 Tampilan Antar Muka Informasi Bayar-Administrator

Gambar 3. 36 Tampilan Antar Muka MyAdmin-Administrator