bab iii analisa dan perancangan sistem - umm iii.pdf · 2019. 8. 7. · penghuni al-fatih. seperti...
TRANSCRIPT
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