analisis dan perancangan aplikasi peminj

BAB III
ANALISIS DAN PERANCANGAN
3.1

Analisis
Tahap analisis merupakan tahap dari pemahaman terhadap suatu aplikasi yang

telah dibuat. Dalam tahap analisis ini memiliki tujuan untuk mengetahui sistem dari
aplikasi yang sudah dibuat tersebut, proses-proses yang terlibat dalam aplikasi serta
hubungan antar proses. Analisis juga merupakan sebagai tahap penjelasan dari sebuah
aplikasi yang utuh dengan maksud untuk mengidentifikasi dan mengevaluasi
masalah-masalah dan hambatan-hambatan yang terjadi serta kebutuhan yang
diharapkan sehingga terdapat usulan untuk perbaikan.
Analisis adalah langkah awal untuk pengembangan aplikasi, karena
perancangan dan pengembangan implementasi aplikasi tidak akan berjalan dengan
baik tanpa adanya analisa terhadap aplikasi yang akan digunakan. Analisis juga dapat
didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh kedalam
bagian-bagian komponennya dengan tujuan serta maksud untuk mengidentifikasi dan
mengevaluasi masalah-masalah, kesempatan-kesempatan, hambatan-hambatan yang
terjadi serta kebutuhan- kebutuhan yang diharapkan sehingga dapat diusulkan
recovery atau perbaikan.

3.1.1 Analisis Sistem Yang Sedang Berjalan
3.1.1.1 Analisis Dokumen Yang Sedang Berjalan
Dalam proses pembuatan aplikasi monitoring pengelolaan peminjaman
ruangan, ada beberapa dokumen yang terlibat dan digunakan, antara lain:
1. Dokumen Data Peminjaman
2. Dokumen Data Ruangan

III - 1

III - 2

3.1.1.2 Analisis Prosedur/Flow Map Yang Berjalan di Properti/ BAAK

Gambar 3.1 Flowchart Sistem Yang Sedang Berjalan di Jurusan
Pada analisis proses pengelolaan peminjaman yang terlibat ada peminjam dan
petugas, dimana peminjam melakukan peminjaman dengan secara langsung datang ke
petugas kemudian memberikan data kepada petugas lalu petugas mencatat kedalam
buku besar (belum terkomputerisasi) setelah itu petugas langsung menyetujui
peminjaman.

III - 3

3.1.2 Analisis Sistem Yang Akan Dibangun
Analisis sistem yang akan dibangun meliputi deskripsi kebutuhan aplikasi,
deskripsi perangkat lunak, dan analisis kebutuhan perangkat keras.

Gambar 3.2 Flowchart Sistem Yang Akan Dibangun
3.1.2.1 Analisis Kebutuhan Aplikasi
Aplikasi Manajemen Pengelolaan Peminjaman Ruang di YPBPI ini dibuat
untuk memudahkan para mahasiswa, pihak luar, maupun petugas dalam melakukan

III - 4

peminjaman, pengembalian dan pengelolaan ruangan di YPBPI. Sistem yang dibuat
ini dapat memberikan :
1. Pengelolaan Peminjaman
2. Pengelolaan Data
3. Pengelolaan Pengembalian
4. Pengelolaan Ruangan
5. Pengelolaan Transaksi Peminjaman

6. Pengelolaan Laporan
3.1.2.2 Analisis Kebutuhan Perangkat Lunak
Spesifikasi perangkat lunak yang dibutuhkan adalah sebagai berikut :
Tabel 3.1 Spesifikasi Perangkat Lunak
No
.
1
2
3
4

Jenis
Sistem Operasi
Bahasa Pemrograman
Database
Perangkat Lunak

Keterangan
:
:

:
:

Microsoft Windows 7 Profesional 64-Bit
Php
SQL Server
Notepad ++

3.1.2.3 Analisis Kebutuhan Perangkat Keras
Pembuatan aplikasi ini menggunakan perangkat keras sebagai berikut:
Tabel 3.2 Spesifikasi Perangkat Keras
No
.
1
2
3
4

Jenis
Processor

Memory
Monitor
Mouse dan keyboard

Keterangan
:
:
:
:

Intel® core™i3
3 GB
LCD 14,1 Inchi
Standard

III - 5

3.2

Perancangan

3.2.1 Use Case Diagram
Diagram Use Case dari pengelolaan peminjaman adalah sebagai berikut:




System





UC-01 LOGIN
ADMIN


UC-02 KELOLA_DATA_USER
UC-03 TRANSAKSI_PEMINJAMAN

UC-04 TRANSAKSI_PENGEMBALIAN

UC-05 KELOLA_DATA_RUANGAN
UC-06 CETAK_LAPORAN

UC-07 CEK_RUANGAN

Gambar 3.3 Usecase Pengelolaan Peminjaman Ruangan

USER

III - 6

Tabel 3.3. Definisi Aktor
No
1
2

Aktor
Admin

User

Keterangan
Melakukan pengelolaan data user, transaksi
peminjaman, pengelolaan data ruangan, pengelolaan
laporan, transaksi pengembalian.
Melakukan transaksi peminjaman dan cek ruangan.

Tabel 3.4. Definisi Use Case
No
.
1

Aktor
Login

2

Kelola Data User

3

Transaksi
Peminjaman

4

Cetak Laporan

5
6

Kelola Data
Ruangan
Cek Ruangan

Keterangan
Melakukan proses login
Melakukan Pengelolaan Data User saat melakukan
pendaftaran atau peminjaman

Melakukan Pengelolaan Atas Ruangan yang
Dipinjam
Melakukan Pengelolaan Laporan dari Setiap
Peminjaman yang Telah dilakukan /bulan
Melakukan Pengelolaan Setiap Ruangan yang ada di
YPBPI
Melakukan cek ruangan yang ada

3.2.1.1 Skenario Use Case
Tabel 3.5 Skenario Use Case Login
Identifikasi
Nomor
Nama
Tujuan
Deskripsi
Aktor
Skenario

UC-01
LOG-IN

Melakukan login untuk masuk halaman utama
Login dengan memasukan Username dan Password
Admin

III - 7

Kondisi Awal
Aksi Aktor
1. Aktor meminta
fasilitas login kepada
sistem
3. Memasukan
Username dan Password

Kondisi Akhir

Menampilkan form login
Reaksi Sistem
2.

Menampilkan form login

4. Melakukan proses validasi
jika salah keduanya muncul pesan “Username dan
Password yang anda masukan tidak cocok”.
5. Jika masih salah, kembali ke form login.
6. Jika benar maka akan ditampilkan form halaman
utama.
Menampilkan form halaman utama

Tabel 3.6 Skenario Use Case Kelola Data User
Identifikasi
Nomor
Nama
Tujuan
Deskripsi
Aktor
Skenario
Kondisi Awal
Aksi Aktor
Memulai Aplikasi
1.Pilih menu masteranggota
3. Aktor menginput
kelola data

UC-02
KELOLA_DATA_USER
Melakukan pengelolaan data
Melakukan pengelolaan data saat pendaftaran dan
melakukan peminjaman
Admin
Menampilkan form kelola data user
Reaksi Sistem
Menampilkan form kelola data
2. Menampilkan halaman data user
4. sistem ke halaman yang diminta sesuai dengan
fasilitas yang digunakan.

Tabel 3.7 Skenario Use Case Transaksi Peminjaman
Identifikasi
Nomor
Nama
Tujuan
Deskripsi
Aktor
Skenario
Kondisi Awal

UC-03
TRANSAKSI_PEMINJAMAN
Melakukan pengelolaan peminjaman
Melakukan pengelolaan peminjaman kedalam
sistem
Admin, user
Menampilkan form kelola peminjaman

III - 8

Aksi Aktor
Memulai Aplikasi
1. Pilih menu transaksi
peminjaman
3. Aktor memilih fasilitas
pencarian ruangan untuk di
pinjam

5. input data peminjaman

Reaksi Sistem
Menampilkan form kelola peminjaman
2.

Menampilkan halaman transaksi peminjaman

4. Sistem ke halaman yang diminta sesuai dengan
fasilitas yang dilakukan
6. tampil halaman data peminjaman yang telah
disimpan

Tabel 3.8 Skenario Use Case Transaski Pengembalian
Identifikasi
Nomor
Nama
Tujuan
Deskripsi
Aktor
Skenario
Kondisi Awal
Aksi Aktor
Memulai Aplikasi
1. Pilih menu transaksi
pengembalian
3. Aktor memilih option
perubahan status ruangan
untuk pengembalian
ruangan

UC-04
TRANSAKSI_PENGEMBALIAN
Melakukan transaksi peminjaman
Melakukan transaksi pengembalian atas ruangan yg
dipinjam
Admin
Menampilkan form transaksi pengembalian
Reaksi Sistem
Menampilkan form transaksi peminjaman
2.

Menampilkan halaman transaksipengembalian

4. keterangan status ruangan pada halaman
peminjaman berubah menjadi dikembalikan

Tabel 3.9 Skenario Use Case Kelola Data Ruangan
Identifikasi
Nomor
Nama
Tujuan
Deskripsi
Aktor
Skenario
Kondisi Awal
Aksi Aktor

UC-05
KELOLA_DATA_RUANGAN
Melakukan pengelolaan data ruangan
Melakukan pengelolaan data ruangan yang ada di
YPBPI
Admin
Menampilkan data ruangan yang ada
Reaksi Sistem

III - 9

Memulai Aplikasi
1. Pilih menu master
ruangan

Menampilkan form master-ruangan

3. Aktor memilih fasilitas
penambahan ruangan

4. Sistem ke halaman yang diminta sesuai dengan
fasilitas yang dilakukan

5. input data ruangan

6. data ruangan masuk ke dalam menu ruangan

2.

Menampilkan halaman ruangan

Tabel 3.10 Skenario Use Case Cetak Laporan
Identifikasi
Nomor
Nama
Tujuan
Deskripsi
Aktor
Skenario
Kondisi Awal
Aksi Aktor
Memulai Aplikasi
1. Pilih menu laporan
3. pilih jenis laporan yang
diinginkan
3.2.2

UC-06
CETAK_LAPORAN
Melakukan cetak laporan
Melakukan cetak laporan dari setiap transaksi
Admin
Menampilkan halaman dashboard
Reaksi Sistem
Menampilkan halaman dashboard
2. tampil halaman sesuai tindakan yang dilakukan
4. tampil laporan yang diinginkan

Class Diagram
Class Diagram adalah diagram UML yang menggambarkan kelas-kelas dalam

sebuah sistem dan hubungannya antara satu dengan yang lain, serta dimasukkan pula
atribut dan operasi. Class Diagram pada aplikasi sebagai berikut:

III - 10

ASRAMA

GOR

GANDARIA

KELAS

+view_laporan()
+update_laporan()
+cetak_laporan()

Peminjaman

+kode_ruangan
+nama_ruangan
+lokasi
+ket
+gambar

Laporan
+data_anggota
+data_ruangan
+data_peminjaman
+data_pengembalian

1..*

Data_Ruangan

AUDITORIUM

*

*

1..*

+view_ruangan()
+update_ruangan()
+input_ruangan()
+delete_ruangan()

+data_ruangan
+no.transaksi
+tg_kembali
+durasi
+no.reg_anggota
+nama_anggota

koneksi_db

0..*

+username
+password
+buka_koneksi()
+eksekusi_query()
+tutup_koneksi()

+simpan()
+validasi()

*
1
1

Data_transaksi

Data_user

+id_transaksi
+id_pinjam
+id_kembali
+id_user

+no.reg
+nama
+jenis
+tgl_daftar
+ket
+gambar

*

+input_data()
+update_data()
+delete_data()
+view_data()

+update_transaksi()
+input_transaksi()
+delete_transaksi()
+view_transaksi()

1..*
UI_User
1..*

+tampil_halaman_user()
+transaksi_peminjaman()
+cek_ruangan()

1..*

1

UI_Login
1..*

+username
+password

1..*

+login()
+open()
+tampil_form_login()
+input_username_password()
+logout()

1..*

*
Pengembalian
+no_transaksi
+tg_pinjam
+tgl_kembali
+no_anggota
+nama_peminjam
+denda
+nominal

UI_Admin
+login()
+tampil_halaman_admin()
+kelola_data_user()
+kelola_data_ruangan()
+transaksi_peminjaman()
+transaksi_pengembalian()
+cetak_laporan()
+verifikasi_data()
+validasi_data()
1

1

1

1

1..*

+pengembalian()
+input_data_pengembalian()

1..*
1

Gambar 3.4 Class Diagram Peminjaman Ruang Di YPBPI
3.2.3

Sequence Diagram
Sequence Diagram merupakan penggambaran keterhubungan atau interaksi

antar objek dalam suatu jangka waktu. Sequence Diagram terutama menampilkan
interaksi antara pengguna (user) dengan sistem.

III - 11

3.2.3.1 Sequence Diagram Kelola Login Admin
: UI_Login

: koneksi_db

: UI_Admin

: ADMIN
1 : open()

2 : tampil_form_login()
3 : input_username_password()

4 : buka_koneksi()
5 : eksekusi_query()
6 : tampil_halaman_admin()
7 : tutup_koneksi

8 : logout

Gambar 3.5 Sequence Diagram Kelola Login Admin
Tabel 3.11 Sequence Diagram Kelola Login Admin
No
.
1.
2.
3.
4.
5.
6.
7.

Nama Operasi
Open
Tampil form login
Input username dan
password
Open db
UI_User
Tutup koneksi db
Logout

Keterangan
Membuka system
Sistem menampilkan form login kepada aktor
Aktor mengisikan username dan password yang
sudah di miliki
Sistem membuka koneksi database
Sistem mengirimkan halaman admin
Koneksi db tertutup
Aktor keluar dari sistem

III - 12

3.2.3.2 Sequence Diagram Kelola Data User

: UI_Login

: koneksi_db

: UI_Admin

: Data_user

: ADMIN
1 : login()
2 : buka_koneksi()
3 : eksekusi_query()

4 : kelola_data_user()
5 : input_data()
6 : update_data()
7 : delete_data()
8 : view_data()

10 : logout

9 : tutup_koneksi

Gambar 3.6 Sequence Diagram Kelola Data User
Tabel 3.12 Sequence Diagram Kelola Data User
No
.
1.
2.
3.
4.
5.
6.

Nama Operasi
Login
Open db
Kelola data
Data
Tutup koneksi
logout

Keterangan
Aktor login ke dalam sistem
Sistem membuka koneksi database
Sistem menampilakan halaman kelola data
aktor melakukan input, update, delete data user
Koneksi database tertutup
Aktor keluar dari sistem

III - 13

3.2.3.3 Sequence Diagram Kelola Peminjaman (User)

: UI_Login

: koneksi_db

: UI_User

: Data_Ruangan

: Data_user

: Peminjaman

: Data_transaksi

: USER
1 : login()

2 : buka_koneksi()
3 : eksekusi_query()
4 : transaksi_peminjaman()

5 : view_ruangan()

6 : input_data()
7 : update_data()
8 : delete_data()

9 : simpan()
10 : view_transaksi()

12 : logout

11 : tutup_koneksi

Gambar 3.7 Sequence Diagram Kelola Peminjaman (User)
Tabel 3.13 Sequence Diagram Kelola Peminjaman (User)
No
1.

Nama Operasi
Login

Keterangan
Aktor login ke dalam sistem

2.
3.
4.
4.
5.

Open db
Kelola peminjaman
View ruangan
Pengisian data
View transaksi

6.
7.

Tutup koneksi
Logout

Membuka koneksi database
Aktor memilih kelola peminjaman di dalam sistem
Actor melihat data ruangan didalam sistem
aktor mengisi data untuk peminjaman
Aktor melihat transaksi peminjaman yang telah
dilakukan
Koneksi database tertutup
Aktor keluar dari sistem

III - 14

3.2.3.4 Sequence Diagram Kelola Peminjaman (Admin)
: UI_Login

: koneksi_db

: UI_Admin

: Data_Ruangan

: Data_transaksi

: Peminjaman

: ADMIN
1 : login()
2 : buka_koneksi()
3 : eksekusi_query()
4 : transaksi_peminjaman()

5 : view_ruangan()

6 : input_transaksi()

7 : simpan()
8 : validasi()

9 : tutup_koneksi
10 : logout

Gambar 3.8 Sequence Diagram Kelola Peminjaman (Admin)
Tabel 3.14 Sequence Diagram Kelola Peminjaman (Admin)
No
1.
2.
3.
4.

Nama Operasi
Login
Open db
Kelola peminjaman
View data

4.

View ruangan

5.

Verifikasi data

Keterangan
Admin masuk ke dalam sistem
Membuka database
Admin masuk kedalam halaman kelola peminjaman
Admin melihat data peminjaman yang masuk
kedalam sistem
Admin melihat data ruangan yang dipinjam ke dalam
sistem
Admin melakukan verifikasi data peminjaman

6.

Input transaksi

Admin meninput transaksi yang telah di verifikasi

7.

Validasi data

8.

Tutup koneksi

Kemudian validasi data setelah semua data telah di
verifikasi
Koneksi database tertutup

9.

Logout

Admin keluar dari sistem

III - 15

3.2.3.5 Sequence Diagram Kelola Pengembalian
: UI_Login

: koneksi_db

: UI_Admin

: Data_transaksi

: Pengembalian

: ADMIN
1 : login()
2 : buka_koneksi()
3 : eksekusi_query()

4 : transaksi_pengembalian()
5 : view_transaksi()

6 : input_data_pengembalian()

7 : tutup_koneksi
8 : logout

Gambar 3.9 Sequence Diagram Kelola Pengembalian (Admin)
Tabel 3.15 Sequence Diagram Kelola Pengembalian (Admin)
No
1.
2.
3.
4.
5.

Nama Operasi
Login
Open db
Kelola pengembalian
View dan validasi
View transaksi

Keterangan
Admin masuk kedalam sistem
Membuka koneksi database
Admin masuk kedalam pengelolaan pengembalian
Admin melihat data pengembalian dan memvalidasi
Admin melihat transaksi yang telah dilakukan

6.
7.

Input data
pengembalian
Update ruangan

8.
9.

Tutup koneksi
Logout

Admin menginput data pengembalian ke dalam
sistem
Setelah dilakukan pengembalian lalu data ruangan di
update
Koneksi database tertutup
Admin keluar dari sistem

III - 16

3.2.3.6 Sequence Diagram Kelola Data Ruangan
: koneksi_db

: UI_Login

: UI_Admin

: Data_Ruangan

: ADMIN
1 : login()
2 : buka_koneksi()
3 : eksekusi_query()

4 : kelola_data_ruangan()
5 : input_ruangan()
6 : update_ruangan()
7 : delete_ruangan()

9 : logout

8 : tutup_koneksi

Gambar 3.10 Sequence Diagram Kelola Data Ruangan
Tabel 3.16 Sequence Diagram Kelola Data Ruangan
No
1.
2.
3.

Nama Operasi
Login
Open db
Kelola data ruangan

4.

View transaksi

5.

Input, update, delete

Keterangan
Admin masuk ke dalam sistem
Membuka database dengan koneksi database
Admin melakukan pengelolaan data ruangan di dalm
sistem
Admin melihat transaksi yang sudah terjadi sehingga
dapat mengupdate data ruangan
Admin input, update, delete data ruangan

6.
7.

Tutup koneksi
Logout

Koneksi database tertutup
Admin keluar dari dalam sistem

III - 17

3.2.3.7 Sequence Diagram Kelola Data Laporan
: UI_Login

: koneksi_db

: UI_Admin

: Laporan

: ADMIN
1 : login()
2 : buka_koneksi()
3 : eksekusi_query()

4 : cetak_laporan()
5 : view_laporan()
6 : cetak_laporan()

7 : tutup_koneksi
8 : logout

Gambar 3.11 Sequence Diagram Kelola Laporan
Tabel 3.17 Sequence Diagram Kelola Laporan
No
1.
2.
3.

Nama Operasi
Login
Open db
Kelola laporan

4.
5.

Update dan view
transaksi
View dan cetak

Keterangan
Admin masuk kedalam sistem
Koneksi database terbuka
Admin masuk ke dalam sistem untuk melakukan
pengelolaan laporan
Admin mengupdate data transaksi yang sudah
dilakukan dalam kurun waktu sebulan
Admin melihat dan cetak laporan

6.
7.
8.

Cetak laporan
Tutup koneksi
Logout

Admin mencetak laporan yang telah dibuat
Koneksi database tertutup
Admin keluar dari sistem

III - 18

3.2.3.8 Sequence Diagram Cek Ruangan
: koneksi_db

: UI_User

: Data_Ruangan

: USER

1 : buka_koneksi()
2 : eksekusi_query()

3 : tampil_halaman_user()
4 : cek_ruangan()
5 : view_ruangan()
6 : tutup_koneksi

Gambar 3.12 Sequence Diagram Cek Ruangan
Tabel 3.18 Sequence Diagram Cek Ruangan
No
1.
2.
3.
4.
5.
3.2.4

Nama Operasi
Open db
Tampil halaman user
Cek ruangan
View ruangan
Tutup koneksi

Keterangan
Koneksi database terbuka
Halaman user terbuka
User memilih menu cek ruangan
User melihat daftar ruangan berserta data-datanya
Koneksi database tertutup

Collaboration Diagram
Collaboration Diagram adalah suatu diagram yang memperlihatkan

pengorganisasian interaksi yang terdapat disekitar objek. Collaboration Diagram
lebih menekankan kepada peran setiap objek dan bukan pada penyampaian pesan.

III - 19

3.2.4.1 Collaboration Diagram Kelola Login Admin
1 : open()

2 : tampil_form_login()

: UI_Login

3 : input_username_password()
: ADMIN
4 : buka_koneksi()

7 : logout

5 : eksekusi_query()

6 : tampil_halaman_admin()
: koneksi_db

: UI_Admin

Gambar 3.13 Collaboration Diagram Kelola Login Admin
3.2.4.2 Collaboration Diagram Kelola Data User

: UI_Admin
7 : delete_data()
: ADMIN
4 : kelola_data_user()
8 : view_data()

1 : login()

6 : update_data()

2 : buka_koneksi()
: UI_Login

5 : input_data()

3 : eksekusi_query()

10 : logout

9 : tutup_koneksi

: koneksi_db

Gambar 3.14 Collaboration Diagram Kelola Data User

: Data_user

III - 20

3.2.4.3 Collaboration Diagram Kelola Peminjaman (User)

2 : buka_koneksi()
: UI_Login

: Data_transaksi

11 : tutup_koneksi
: koneksi_db

1 : login()

4 : transaksi_peminjaman()

12 : logout
3 : eksekusi_query()

: UI_User

10 : view_transaksi()

5 : view_ruangan()

: USER

: Peminjaman
9 : simpan()

: Data_Ruangan
6 : input_data()

8 : delete_data()

7 : update_data()

: Data_user

Gambar 3.15 Collaboration Diagram Kelola Peminjaman (User)
3.2.4.4 Collaboration Diagram Kelola Peminjaman (Admin)

2 : buka_koneksi()
1 : login()

: UI_Login

: ADMIN

: koneksi_db

3 : eksekusi_query()
10 : logout

: Data_transaksi

8 : validasi()
7 : simpan()

9 : tutup_koneksi

6 : input_transaksi()

: Peminjaman
4 : transaksi_peminjaman()
5 : view_ruangan()

: Data_Ruangan

: UI_Admin

Gambar 3.16 Collaboration Diagram Kelola Peminjaman (Admin)

III - 21

3.2.4.5 Collaboration Diagram Kelola Pengembalian
: UI_Admin

1 : login()
: UI_Login

: Data_transaksi

: ADMIN

5 : view_transaksi()

3 : eksekusi_query()
8 : logout

4 : transaksi_pengembalian()
6 : input_data_pengembalian()

2 : buka_koneksi()
7 : tutup_koneksi
: Pengembalian
: koneksi_db

Gambar 3.17 Collaboration Diagram Kelola Pengembalian
3.2.4.6 Collaboration Diagram Kelola Data Ruangan
1 : login()

: Data_Ruangan

: UI_Login

9 : logout

: ADMIN

5 : input_ruangan()

3 : eksekusi_query()
8 : tutup_koneksi
2 : buka_koneksi()
: koneksi_db

7 : delete_ruangan()
6 : update_ruangan()
: UI_Admin

4 : kelola_data_ruangan()

Gambar 3.18 Collaboration Diagram Kelola Data Ruangan

III - 22

3.2.4.7 Collaboration Diagram Kelola Laporan
: UI_Admin
5 : view_laporan()
6 : cetak_laporan()

: koneksi_db

7 : tutup_koneksi
4 : cetak_laporan()
2 : buka_koneksi()

: Laporan

8 : logout

: UI_Login

3 : eksekusi_query()
1 : login()

: ADMIN

Gambar 3.19 Collaboration Diagram Kelola Laporan
3.2.4.8 Collaboration Diagram Cek Ruangan
: UI_User

: USER
2 : eksekusi_query()

3 : tampil_halaman_user()
1 : buka_koneksi()

5 : view_ruangan()

4 : cek_ruangan()
6 : tutup_koneksi
: Data_Ruangan

: koneksi_db

Gambar 3.20 Collaboration Diagram Cek Ruangan
3.2.5

Activity Diagram
Activity Diagram menggambarkan proses-proses yang terjadi mulai aktivitas

dimulai sampai aktivitas berhenti.

III - 23

3.2.5.1 Activity Diagram Login
User/Admin

Aplikasi

open

tampil_halaman_login

input_username_password
validasi

menampilkan pesan
tidak
ya
halaman utama

tampil halaman utama

Gambar 3.21 Activity Diagram Login
Operator masuk ke sistem untuk melakukan login terlebih dahulu dengan
menampilkan form login. Kemudian Operator memasukkan username dan password.
Sistem melakukan pengecekan pada database yang kemudian akan dilakukan validasi
login. Apabila username dan password benar (valid) maka sistem akan menampilkan
halaman menu utama Operator, apabila salah akan muncul pesan dan user akan
diminta memasukkan kembali username dan password yang benar dan tetap berada di
halaman login. Setelah proses login sukses, Operator dapat masuk ke aplikasi sesuai
dengan level penggunanya dan Operator dapat logout setelah berhasil mengakses
semua interface.

III - 24

3.2.5.2 Activity Diagram Kelola Data User
Admin

pilih kelola data

aplikasi

tampil halaman kelola data

v iew data yang masuk
v erifikasi data

menampilkan pesan

accept data

validasi data

Gambar 3.22 Activity Diagram Kelola Data User
Admin login kedalam sistem lalu masuk kehalaman kelola data. Lalu admin
melihat data didalam sistem kemudian memverifikasi data. Jika data valid maka
admin melakukan accept data dan selesai, jika tidak valid maka akan muncul pesan
"data yang anda masukkan tidak valid" dan kembali ke verifikasi data.
3.2.5.3 Activity Diagram Kelola Peminjaman (User)

III - 25

use r

aplikasi

pilih peminjaman

tampil halaman peminjama n

lihat ruangan
ta mpil pilihan ruangan
pilih ruangan

input data peminjaman

pinjam

Gambar 3.23 Activity Diagram Kelola Peminjaman (User)
User login ke dalam sistem lalu memilih halaman peminjaman kemudian
sistem akan memunculkan halaman peminjaman. sebelum melakukan peminjaman,
user terlebih dahulu melihat ruangan ke dalam sistem kemudian data ruangan akan
menampilkan data ruangan. User memilih ruangan lalu menginput data peminjaman
yang sesuai, lalu pilih pinjam dan selesai.
3.2.5.4 Activity Diagram Kelola Peminjaman (Admin)
admin

aplikasi

pilih halaman peminjaman

tampil halaman peminjaman

tampil data peminjaman

lihat data peminjaman

lihat data ruangan

tampil data ruangan

v erifikasi data
validasi

menampilkan pesan
ya
accpet

tidak
transaksi tersimpan

III - 26

Gambar 3.24 Activity Diagram Kelola Peminjaman (Admin)
Admin login ke dalam sistem, memilih halaman peminjaman kemudian akan
muncul halaman peminjaman. Admin melihat data peminjaman yang telah diterima
oleh sistem dari User. Kemudian admin melihat ruangan sesuai dengan ruangan yang
dipinjam oleh user, lalu tampil data ruangan. Jika valid maka admin menyetujui
peminjaman lalu transaksi akan tersimpan didalam database lewat sistem dan selesai.

3.2.5.5 Activity Diagram Kelola Pengembalian
admin

pilih kelola pengembalian

view data transaksi

aplikasi

tampil halaman kelola pengembalian

tampil data transaksi peminjaman

verifikasi data

data valid

muncul pesan

tidak

ya
input data pengembalian

update data ruangan

data pengembalian tersimpan

update data ruangan berhasil

Gambar 3.25 Activity Diagram Kelola Pengembalian
Admin login ke dalam sistem, pilih kelola pengembalian kemudian akan
muncul halaman kelola pengembalian didalam sistem. Admin melihat data transaksi
user jika data tidak valid akan muncul pesa "data transaksi tidak valid" namun jika

III - 27

valid admin menginput data pengembalian ke dalam sistem, setelah itu mengupdate
ruangan setelah ruanagn di kembalikan dan selesai.

3.2.5.6 Activity Diagram Kelola Data Ruangan
admin

pilih data ruangan

aplikasi

tampil halaman kelola ruangan

input, update, delete ruangan

validasi

muncul pesan

data ruangan tersimpan

Gambar 3.26 Activity Diagram Kelola Data Ruangan
Admin login ke dalam sistem, memilih menu data ruangan kemudian sistem
akan menampilkan data-data ruanagn yang ada. Admin dapat melakukan input,
update dan delete terhadap ruangan yang ada di dalam sistem. Setelah itu,

III - 28

memvalidasi lalu data ruangan tersimpan di dalam database lewat update di dalam
sistem.

3.2.5.7 Activity Diagram Kelola Laporan
admin

pilih kelola laporan

pilih transaksi

aplikasi

tampil halaman kelola laporan

muncul transaksi yang di pilih

update transaksi

input, update, delete laporan

verifikasi

cetak laporan

laporan tercetak

Gambar 3.27 Activity Diagram Kelola Laporan
Admin login kedalam sistem lalu pilih menu laporan untuk kelola laporan,
kemudian akan tampil halaman kelola laporan didalam sistem. Admin pilih transaksi

III - 29

sesuai dengan laporan yang akan di cetak. Transaksi yang dipilih muncul di dalam
sistem setelah di panggil, terlebih dahulu admin mengupdate transaksi yang ada agar
data lebih baru. Verifikasi untuk pemeriksaan kembali ke validan data transaksi,
setelah itu cetak laporan dan selesai.

3.2.5.8 Activity Diagram Cek Ruangan
USER

masuk halaman user

SISTEM

tampil halaman user

pilih menu cek ruangan
tampil data-data ruangan
view ruangan

Gambar 3.28 Activity Diagram Cek Ruangan
User masuk ke halaman user, kemudia memilih menu cek ruangan. Di
halaman menu cek ruangan user dapat melihat data-data dari setiap ruangan.

III - 30

3.2.6 Statechart Diagram
3.2.6.1 Statechart Diagram Login

idle

login
exit

entry/username
entry/password
do/cekUsername
do/cekPassword
tidak

valid
Halaman_Utama

Gambar 3.39 Statechart Diagram Login

3.2.6.2 Statechart Diagram Kelola Data User

halaman login
do/login_Admin

halaman kelola data
do/view data
do/verifikasi data
tidak

valid

Gambar 3.30 Statechart Diagram Kelola Data User
3.2.6.3 Statechart Diagram Kelola Peminjaman (User)

III - 31

halaman login
do/login user

halaman ruangan
do/view data ruangan
do/pilih ruangan

kelas

auditorium

gor

asrama

halaman peminjaman
entry/data peminjaman

Gambar 3.31 Statechart Diagram Kelola Peminjaman (User)

3.2.6.4 Statechart Diagram Kelola Peminjaman (Admin)

III - 32

halaman login
do/login admin

peminjaman
do/view data peminjaman
tidak sesuai
ruangan
do/view data ruangan
sesuai
data peminjaman
do/validasi peminjaman

Gambar 3.32 Statechart Diagram Kelola Peminjaman (Admin)
3.2.6.5 Statechart Diagram Pengembalian

halaman login
do/login admin

data

tidak

do/view data
do/verifikasi data
valid
data transaksi
do/view transaksi

pengembalian
entry/input data pengembalian

ruangan
do/update ruangan

Gambar 3.33 Statechart Diagram Pengembalian

III - 33

3.2.6.6 Statechart Diagram Kelola Data Ruangan

halaman login
do/login admin

transaksi
do/view transaksi

exit

ruangan
do/input
do/update
do/delete

Gambar 3.34 Statechart Diagram Kelola Data Ruangan
3.2.6.7 Statechart Diagram Kelola Laporan

transaksi
do/update transaksi
do/view transaksi
exit
laporan
entry/input transaksi
do/update
do/delete
do/cetak

Gambar 3.35 Statechart Diagram Kelola Laporan

III - 34

3.2.6.8 Statechart Diagram Cek Ruangan

halaman user
do/choose cek ruangan

data ruangan
do/view ruangan
exit/Exit

Gambar 3.36 Statechart Diagram Cek Ruangan
3.3 Perancangan Interface
3.3.1 Halaman Login Admin
YAYASAN PENDIDIKAN BHAKTI POSINDONESIA

Selamat Datang Di Aplikasi Monitoring Pengelolaan Peminjaman Ruangan
Di YPBPI
Login

Username

Username

Password

Password
Remember Me
Sign In

Reset

Gambar 3.37 Halaman Login Admin
Skenario:
1. Admin input username ke textbox username
2. Admin input password ke textbox password
3. Admin klik button sign in sesuai hak akses

III - 35

4. Jika username dan password salah maka akan kembali ke login dan
muncul peringatan
3.3.2

Halaman Dashboard Admin
YAYASAN PENDIDIKAN BHAKTI POSINDONESIA

MASTER

Aplikasi Monitoring Pengelolaan Peminjaman Ruangan Di YPBPI

TRANSAKSI
LAPORAN
LOGOUT

POLITEKNIK POSINDONESIA
Aplikasi ini adalah aplikasi untuk mengelolah seluruh ruangan yang ada di kampus Polieknik Pos Indonesia
JL. TERUSAN SARIASIH NO.52 BANDUNG 40151
poltekpos@email.com| | 021-0987908| | www.poltekpos.ac.id

Gambar 3.38 Halaman Dashboard Admin
Skenario:
1. Setelah login masuk ke bagian dashboard
2. Di dashboard terdapat profile kampus
3. Terdapat menu-menu proses yang dapat dikelola oleh admin

III - 36

3.3.3 Halaman Kelola Data Ruangan Admin

Tambah Ruangan
Kode Ruangan

Enter Text

Nama Ruangan

Enter Text

Lokasi

Enter Text

Keterangan

DESKRIPSI

Image

NO FILE CHOOSEN

SIMPAN

CHOOSE FILE

KEMBALI

Gambar 3.39 Halaman Kelola Data Ruangan Admin
Skenario:
1. Admin input kode ruangan, nama ruangan, lokasi, keterangan, image
2. Dimana keterangan berisikan sedikit banyaknya tentang ruangan
tersebut.
3. Di bagian image admin memilih file yang bersangkutan dengan
ruangan tersebut dalam bentuk foto dari ruangan tersebut

III - 37

4. Admin klik buttton simpan untuk mmenyimpan data ruangan yang
baru di tambah agar tersimpan didalam database
5. Admin klik button kembali dalam arti admin tidak menyimpan data
ruangan yang baru ditambahkan.

3.3.4 Halaman Kelola Peminjaman Admin
TRANSAKSI PEMINJAMAN:

Data Ruangan
Kode Ruangan

Kode Ruangan

Nama Ruangan

Lokasi

Status
Kode Ruangan

Nama Ruangan

Lokasi

Total Ruangan Dipinjam

No. Transaksi

Status

0

No. Reg. Anggota

Tgl Pinjam

Nama Anggota:

Tgl Kembali
SIMPAN

Durasi per Hri
s/d

Gambar 3.40 Halaman Kelola Peminjaman Admin
Skenario:
1. Admin masuk ke dalam transaksi peminjaman
2. Admin melihat transaksi peminjaman yang ada
3. Jika valid admin melakukan input data peminjaman didalam textbox
dengan sesuai

III - 38

4. Admin klik button simpan maka data transaksi peminjaman akan
tersimpan didalam database

3.3.5

Halaman Laporan Peminjaman

LAPORAN PEMINJAMAN
NO.

ID TRANSAKSI

TANGGAL PINJAM

TANGGAL KEMBALI

NO. REG

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Gambar 3.41 Halaman Laporan Peminjaman
Skenario:
1. Admin masuk ke dalam proses laporan peminjaman
2. Admin mencetak laporan peminjaman yang telah terjadi
3.3.6 Halaman Laporan Data Ruangan
LAPORAN DATA RUANGAN
NO.

IMAGE

KODE RUANGAN

NAMA RUANGAN LOKASI

KETERANGAN

STATUS

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Gambar 3.42 Halaman Laporan Data Ruangan
Skenario:
1. Admin masuk ke dalam proses kelola laporan data ruangan

III - 39

2. Admin melihat transaksi peminjaman yang ada
3. Jika valid admin melakukan input data peminjaman didalam textbox
dengan sesuai
4. Admin klik button simpan maka data transaksi peminjaman akan
tersimpan didalam database

3.3.7 Halaman Dashboard User
YAYASAN PENDIDIKAN BHAKTI POSINDONESIA

Cari Ruangan

Peminjaman

Aplikasi Monitoring Pengelolaan Peminjaman Ruangan Di YPBPI
POLITEKNIK POS INDONESIA
Aplikasi ini untuk mengelola proses peminjaman ruangan di YayasaBhakti Pos Indonesia
JL, Terusan Sariasih No. 52 Bandung 40151
poltekpos@email.com| | 021-0967908| | www.poltekpos.ac.id

Gambar 3.43 Halaman Dashboard User
Skenario:
1. Halaman dashboard user
2. User dapat mencari ruangan
3. User dapat melakukan peminjaman
3.3.8 Halaman Cek Ruangan User

III - 40

CARI RUANGAN
CARI NAMA RUANGAN
KODE RUANGAN

NAMA RUANGAN

LOKASI

STATUS

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

CLOSE

HAPUS

Gambar 3.44 Halaman Cek Ruangan User
Skenario:
1. User memilih menu cek ruangan
2. Tampil halaman data-data ruangan dengan status setiap ruangan sesuai
dengan kondidi saat ruangan di cek
3.3.9 Halaman Peminjaman Ruangan User

III - 41

Cek Ruangan

Peminjaman

Transaksi Peminjaman
Data Ruangan
Kode Ruangan

Enter Text

Enter Text

Nama Ruangan

Kode Ruangan

Enter Text

Lokasi

Status

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Text

Total data Ruangan

No. Transaksi

Enter Text

Tgl Pinjam

Enter Text

Tgl Kembali

Enter Text

Enter Text

No. REG Anggota

Enter Text

Nama Anggota

Enter Text

Gambar 3.45 Halaman Peminjaman Ruangan User
Skenario:
1. User memilih peminjaman
2. Tampil halaman peminjaman
3. User menginput data peminjaman yang sesuai dengan text box yang ada