III - 11
iII - 1
BAB III
ANALISIS DAN PERANCANGAN
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.
Analisis Sistem Yang Sedang Berjalan
Analisis Dokumen Yang Sedang Berjalan
Dalam proses pembuatan aplikasi monitoring pengelolaan peminjaman ruangan, ada beberapa dokumen yang terlibat dan digunakan, antara lain:
Dokumen Data Peminjaman
Dokumen Data Ruangan
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.
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
Analisis Kebutuhan Aplikasi
Aplikasi Manajemen Pengelolaan Peminjaman Ruang di YPBPI ini dibuat untuk memudahkan para mahasiswa, pihak luar, maupun petugas dalam melakukan peminjaman, pengembalian dan pengelolaan ruangan di YPBPI. Sistem yang dibuat ini dapat memberikan :
Pengelolaan Peminjaman
Pengelolaan Data
Pengelolaan Pengembalian
Pengelolaan Ruangan
Pengelolaan Transaksi Peminjaman
Pengelolaan Laporan
Analisis Kebutuhan Perangkat Lunak
Spesifikasi perangkat lunak yang dibutuhkan adalah sebagai berikut :
Tabel 3.1 Spesifikasi Perangkat Lunak
No.
Jenis
Keterangan
1
Sistem Operasi
:
Microsoft Windows 7 Profesional 64-Bit
2
Bahasa Pemrograman
:
Php
3
Database
:
SQL Server
4
Perangkat Lunak
:
Notepad ++
Analisis Kebutuhan Perangkat Keras
Pembuatan aplikasi ini menggunakan perangkat keras sebagai berikut:
Tabel 3.2 Spesifikasi Perangkat Keras
No.
Jenis
Keterangan
1
Processor
:
Intel® core i3
2
Memory
:
3 GB
3
Monitor
:
LCD 14,1 Inchi
4
Mouse dan keyboard
:
Standard
Perancangan
Use Case Diagram
Diagram Use Case dari pengelolaan peminjaman adalah sebagai berikut:
Gambar 3.3 Usecase Pengelolaan Peminjaman Ruangan
Tabel 3.3. Definisi Aktor
No
Aktor
Keterangan
1
Admin
Melakukan pengelolaan data user, transaksi peminjaman, pengelolaan data ruangan, pengelolaan laporan, transaksi pengembalian.
2
User
Melakukan transaksi peminjaman dan cek ruangan.
Tabel 3.4. Definisi Use Case
No.
Aktor
Keterangan
1
Login
Melakukan proses login
2
Kelola Data User
Melakukan Pengelolaan Data User saat melakukan pendaftaran atau peminjaman
3
Transaksi Peminjaman
Melakukan Pengelolaan Atas Ruangan yang Dipinjam
4
Cetak Laporan
Melakukan Pengelolaan Laporan dari Setiap Peminjaman yang Telah dilakukan /bulan
5
Kelola Data Ruangan
Melakukan Pengelolaan Setiap Ruangan yang ada di YPBPI
6
Cek Ruangan
Melakukan cek ruangan yang ada
Skenario Use Case
Tabel 3.5 Skenario Use Case Login
Identifikasi
Nomor
UC-01
Nama
LOG-IN
Tujuan
Melakukan login untuk masuk halaman utama
Deskripsi
Login dengan memasukan Username dan Password
Aktor
Admin
Skenario
Kondisi Awal
Menampilkan form login
Aksi Aktor
Reaksi Sistem
1. Aktor meminta fasilitas login kepada sistem
2. Menampilkan form login
3. Memasukan Username dan Password
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.
Kondisi Akhir
Menampilkan form halaman utama
Tabel 3.6 Skenario Use Case Kelola Data User
Identifikasi
Nomor
UC-02
Nama
KELOLA_DATA_USER
Tujuan
Melakukan pengelolaan data
Deskripsi
Melakukan pengelolaan data saat pendaftaran dan melakukan peminjaman
Aktor
Admin
Skenario
Kondisi Awal
Menampilkan form kelola data user
Aksi Aktor
Reaksi Sistem
Memulai Aplikasi
Menampilkan form kelola data
1.Pilih menu master-anggota
2. Menampilkan halaman data user
3. Aktor menginput kelola data
4. sistem ke halaman yang diminta sesuai dengan
fasilitas yang digunakan.
Tabel 3.7 Skenario Use Case Transaksi Peminjaman
Identifikasi
Nomor
UC-03
Nama
TRANSAKSI_PEMINJAMAN
Tujuan
Melakukan pengelolaan peminjaman
Deskripsi
Melakukan pengelolaan peminjaman kedalam sistem
Aktor
Admin, user
Skenario
Kondisi Awal
Menampilkan form kelola peminjaman
Aksi Aktor
Reaksi Sistem
Memulai Aplikasi
Menampilkan form kelola peminjaman
1. Pilih menu transaksi peminjaman
2. Menampilkan halaman transaksi peminjaman
3. Aktor memilih fasilitas pencarian ruangan untuk di pinjam
4. Sistem ke halaman yang diminta sesuai dengan fasilitas yang dilakukan
5. input data peminjaman
6. tampil halaman data peminjaman yang telah disimpan
Tabel 3.8 Skenario Use Case Transaski Pengembalian
Identifikasi
Nomor
UC-04
Nama
TRANSAKSI_PENGEMBALIAN
Tujuan
Melakukan transaksi peminjaman
Deskripsi
Melakukan transaksi pengembalian atas ruangan yg dipinjam
Aktor
Admin
Skenario
Kondisi Awal
Menampilkan form transaksi pengembalian
Aksi Aktor
Reaksi Sistem
Memulai Aplikasi
Menampilkan form transaksi peminjaman
1. Pilih menu transaksi pengembalian
2. Menampilkan halaman transaksipengembalian
3. Aktor memilih option perubahan status ruangan untuk pengembalian ruangan
4. keterangan status ruangan pada halaman peminjaman berubah menjadi dikembalikan
Tabel 3.9 Skenario Use Case Kelola Data Ruangan
Identifikasi
Nomor
UC-05
Nama
KELOLA_DATA_RUANGAN
Tujuan
Melakukan pengelolaan data ruangan
Deskripsi
Melakukan pengelolaan data ruangan yang ada di YPBPI
Aktor
Admin
Skenario
Kondisi Awal
Menampilkan data ruangan yang ada
Aksi Aktor
Reaksi Sistem
Memulai Aplikasi
Menampilkan form master-ruangan
1. Pilih menu master ruangan
2. Menampilkan halaman 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
Tabel 3.10 Skenario Use Case Cetak Laporan
Identifikasi
Nomor
UC-06
Nama
CETAK_LAPORAN
Tujuan
Melakukan cetak laporan
Deskripsi
Melakukan cetak laporan dari setiap transaksi
Aktor
Admin
Skenario
Kondisi Awal
Menampilkan halaman dashboard
Aksi Aktor
Reaksi Sistem
Memulai Aplikasi
Menampilkan halaman dashboard
1. Pilih menu laporan
2. tampil halaman sesuai tindakan yang dilakukan
3. pilih jenis laporan yang diinginkan
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:
Gambar 3.4 Class Diagram Peminjaman Ruang Di YPBPI
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.
Sequence Diagram Kelola Login Admin
Gambar 3.5 Sequence Diagram Kelola Login Admin
Tabel 3.11 Sequence Diagram Kelola Login Admin
No.
Nama Operasi
Keterangan
1.
Open
Membuka system
2.
Tampil form login
Sistem menampilkan form login kepada aktor
3.
Input username dan password
Aktor mengisikan username dan password yang sudah di miliki
4.
Open db
Sistem membuka koneksi database
5.
UI_User
Sistem mengirimkan halaman admin
6.
Tutup koneksi db
Koneksi db tertutup
7.
Logout
Aktor keluar dari sistem
Sequence Diagram Kelola Data User
Gambar 3.6 Sequence Diagram Kelola Data User
Tabel 3.12 Sequence Diagram Kelola Data User
No.
Nama Operasi
Keterangan
1.
Login
Aktor login ke dalam sistem
2.
Open db
Sistem membuka koneksi database
3.
Kelola data
Sistem menampilakan halaman kelola data
4.
Data
aktor melakukan input, update, delete data user
5.
Tutup koneksi
Koneksi database tertutup
6.
logout
Aktor keluar dari sistem
Sequence Diagram Kelola Peminjaman (User)
Gambar 3.7 Sequence Diagram Kelola Peminjaman (User)
Tabel 3.13 Sequence Diagram Kelola Peminjaman (User)
No
Nama Operasi
Keterangan
1.
Login
Aktor login ke dalam sistem
2.
Open db
Membuka koneksi database
3.
Kelola peminjaman
Aktor memilih kelola peminjaman di dalam sistem
4.
View ruangan
Actor melihat data ruangan didalam sistem
4.
Pengisian data
aktor mengisi data untuk peminjaman
5.
View transaksi
Aktor melihat transaksi peminjaman yang telah dilakukan
6.
Tutup koneksi
Koneksi database tertutup
7.
Logout
Aktor keluar dari sistem
Sequence Diagram Kelola Peminjaman (Admin)
Gambar 3.8 Sequence Diagram Kelola Peminjaman (Admin)
Tabel 3.14 Sequence Diagram Kelola Peminjaman (Admin)
No
Nama Operasi
Keterangan
1.
Login
Admin masuk ke dalam sistem
2.
Open db
Membuka database
3.
Kelola peminjaman
Admin masuk kedalam halaman kelola peminjaman
4.
View data
Admin melihat data peminjaman yang masuk kedalam sistem
4.
View ruangan
Admin melihat data ruangan yang dipinjam ke dalam sistem
5.
Verifikasi data
Admin melakukan verifikasi data peminjaman
6.
Input transaksi
Admin meninput transaksi yang telah di verifikasi
7.
Validasi data
Kemudian validasi data setelah semua data telah di verifikasi
8.
Tutup koneksi
Koneksi database tertutup
9.
Logout
Admin keluar dari sistem
Sequence Diagram Kelola Pengembalian
Gambar 3.9 Sequence Diagram Kelola Pengembalian (Admin)
Tabel 3.15 Sequence Diagram Kelola Pengembalian (Admin)
No
Nama Operasi
Keterangan
1.
Login
Admin masuk kedalam sistem
2.
Open db
Membuka koneksi database
3.
Kelola pengembalian
Admin masuk kedalam pengelolaan pengembalian
4.
View dan validasi
Admin melihat data pengembalian dan memvalidasi
5.
View transaksi
Admin melihat transaksi yang telah dilakukan
6.
Input data pengembalian
Admin menginput data pengembalian ke dalam sistem
7.
Update ruangan
Setelah dilakukan pengembalian lalu data ruangan di update
8.
Tutup koneksi
Koneksi database tertutup
9.
Logout
Admin keluar dari sistem
Sequence Diagram Kelola Data Ruangan
Gambar 3.10 Sequence Diagram Kelola Data Ruangan
Tabel 3.16 Sequence Diagram Kelola Data Ruangan
No
Nama Operasi
Keterangan
1.
Login
Admin masuk ke dalam sistem
2.
Open db
Membuka database dengan koneksi database
3.
Kelola data ruangan
Admin melakukan pengelolaan data ruangan di dalm sistem
4.
View transaksi
Admin melihat transaksi yang sudah terjadi sehingga dapat mengupdate data ruangan
5.
Input, update, delete
Admin input, update, delete data ruangan
6.
Tutup koneksi
Koneksi database tertutup
7.
Logout
Admin keluar dari dalam sistem
Sequence Diagram Kelola Data Laporan
Gambar 3.11 Sequence Diagram Kelola Laporan
Tabel 3.17 Sequence Diagram Kelola Laporan
No
Nama Operasi
Keterangan
1.
Login
Admin masuk kedalam sistem
2.
Open db
Koneksi database terbuka
3.
Kelola laporan
Admin masuk ke dalam sistem untuk melakukan pengelolaan laporan
4.
Update dan view transaksi
Admin mengupdate data transaksi yang sudah dilakukan dalam kurun waktu sebulan
5.
View dan cetak
Admin melihat dan cetak laporan
6.
Cetak laporan
Admin mencetak laporan yang telah dibuat
7.
Tutup koneksi
Koneksi database tertutup
8.
Logout
Admin keluar dari sistem
Sequence Diagram Cek Ruangan
Gambar 3.12 Sequence Diagram Cek Ruangan
Tabel 3.18 Sequence Diagram Cek Ruangan
No
Nama Operasi
Keterangan
1.
Open db
Koneksi database terbuka
2.
Tampil halaman user
Halaman user terbuka
3.
Cek ruangan
User memilih menu cek ruangan
4.
View ruangan
User melihat daftar ruangan berserta data-datanya
5.
Tutup koneksi
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.
Collaboration Diagram Kelola Login Admin
Gambar 3.13 Collaboration Diagram Kelola Login Admin
Collaboration Diagram Kelola Data User
Gambar 3.14 Collaboration Diagram Kelola Data User
Collaboration Diagram Kelola Peminjaman (User)
Gambar 3.15 Collaboration Diagram Kelola Peminjaman (User)
Collaboration Diagram Kelola Peminjaman (Admin)
Gambar 3.16 Collaboration Diagram Kelola Peminjaman (Admin)
Collaboration Diagram Kelola Pengembalian
Gambar 3.17 Collaboration Diagram Kelola Pengembalian
Collaboration Diagram Kelola Data Ruangan
Gambar 3.18 Collaboration Diagram Kelola Data Ruangan
Collaboration Diagram Kelola Laporan
Gambar 3.19 Collaboration Diagram Kelola Laporan
Collaboration Diagram Cek Ruangan
Gambar 3.20 Collaboration Diagram Cek Ruangan
Activity Diagram
Activity Diagram menggambarkan proses-proses yang terjadi mulai aktivitas dimulai sampai aktivitas berhenti.
Activity Diagram Login
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.
Activity Diagram Kelola Data User
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.
Activity Diagram Kelola Peminjaman (User)
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.
Activity Diagram Kelola Peminjaman (Admin)
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.
Activity Diagram Kelola Pengembalian
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 valid admin menginput data pengembalian ke dalam sistem, setelah itu mengupdate ruangan setelah ruanagn di kembalikan dan selesai.
Activity Diagram Kelola Data Ruangan
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, memvalidasi lalu data ruangan tersimpan di dalam database lewat update di dalam sistem.
Activity Diagram Kelola Laporan
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 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.
Activity Diagram Cek 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.
Statechart Diagram
Statechart Diagram Login
Gambar 3.39 Statechart Diagram Login
Statechart Diagram Kelola Data User
Gambar 3.30 Statechart Diagram Kelola Data User
Statechart Diagram Kelola Peminjaman (User)
Gambar 3.31 Statechart Diagram Kelola Peminjaman (User)
Statechart Diagram Kelola Peminjaman (Admin)
Gambar 3.32 Statechart Diagram Kelola Peminjaman (Admin)
Statechart Diagram Pengembalian
Gambar 3.33 Statechart Diagram Pengembalian
Statechart Diagram Kelola Data Ruangan
Gambar 3.34 Statechart Diagram Kelola Data Ruangan
Statechart Diagram Kelola Laporan
Gambar 3.35 Statechart Diagram Kelola Laporan
Statechart Diagram Cek Ruangan
Gambar 3.36 Statechart Diagram Cek Ruangan
Perancangan Interface
Halaman Login Admin
Gambar 3.37 Halaman Login Admin
Skenario:
Admin input username ke textbox username
Admin input password ke textbox password
Admin klik button sign in sesuai hak akses
Jika username dan password salah maka akan kembali ke login dan muncul peringatan
Halaman Dashboard Admin
Gambar 3.38 Halaman Dashboard Admin
Skenario:
Setelah login masuk ke bagian dashboard
Di dashboard terdapat profile kampus
Terdapat menu-menu proses yang dapat dikelola oleh admin
Halaman Kelola Data Ruangan Admin
Gambar 3.39 Halaman Kelola Data Ruangan Admin
Skenario:
Admin input kode ruangan, nama ruangan, lokasi, keterangan, image
Dimana keterangan berisikan sedikit banyaknya tentang ruangan tersebut.
Di bagian image admin memilih file yang bersangkutan dengan ruangan tersebut dalam bentuk foto dari ruangan tersebut
Admin klik buttton simpan untuk mmenyimpan data ruangan yang baru di tambah agar tersimpan didalam database
Admin klik button kembali dalam arti admin tidak menyimpan data ruangan yang baru ditambahkan.
Halaman Kelola Peminjaman Admin
Gambar 3.40 Halaman Kelola Peminjaman Admin
Skenario:
Admin masuk ke dalam transaksi peminjaman
Admin melihat transaksi peminjaman yang ada
Jika valid admin melakukan input data peminjaman didalam textbox dengan sesuai
Admin klik button simpan maka data transaksi peminjaman akan tersimpan didalam database
Halaman Laporan Peminjaman
Gambar 3.41 Halaman Laporan Peminjaman
Skenario:
Admin masuk ke dalam proses laporan peminjaman
Admin mencetak laporan peminjaman yang telah terjadi
Halaman Laporan Data Ruangan
Gambar 3.42 Halaman Laporan Data Ruangan
Skenario:
Admin masuk ke dalam proses kelola laporan data ruangan
Admin melihat transaksi peminjaman yang ada
Jika valid admin melakukan input data peminjaman didalam textbox dengan sesuai
Admin klik button simpan maka data transaksi peminjaman akan tersimpan didalam database
Halaman Dashboard User
Gambar 3.43 Halaman Dashboard User
Skenario:
Halaman dashboard user
User dapat mencari ruangan
User dapat melakukan peminjaman
Halaman Cek Ruangan User
Gambar 3.44 Halaman Cek Ruangan User
Skenario:
User memilih menu cek ruangan
Tampil halaman data-data ruangan dengan status setiap ruangan sesuai dengan kondidi saat ruangan di cek
Halaman Peminjaman Ruangan User
Gambar 3.45 Halaman Peminjaman Ruangan User
Skenario:
User memilih peminjaman
Tampil halaman peminjaman
User menginput data peminjaman yang sesuai dengan text box yang ada
