Laporan Pelaksanaan Proyek Sistem Informasi Keuangan

Fakultas Studi Kasus FTI UKDW

Disusun Oleh :
72190342 – Jeremy Wasistha Malon
72190352 – Jeanette Florensia Tiurlina Purba

PROGRAM STUDI SISTEM INFORMASI FAKULTAS

TEKNOLOGI INFORMASI UNIVERSITAS KRISTEN DUTA
WACANA 2022
 Daftar Isi

Daftar Isi ..................................................................................................................................... i

1. Identitas Proyek .................................................................................................................. 1
2. Identitas Pekerja ................................................................................................................. 1
3. Langkah Pelaksanaan Proyek ............................................................................................. 1
4. Analisis Dan Perancangan Sistem ...................................................................................... 2
4.1. Usecase ........................................................................................................................... 2
4.2. Entity Relationship Diagram........................................................................................... 6
4.3. Data Flow Diagram (DFD) ............................................................................................. 7
5. Kesimpulan ......................................................................................................................... 9
6. Desain Antarmuka ............................................................................................................ 10
7. Logbook Gabungan .......................................................................................................... 20
8. Kesimpulan ....................................................................................................................... 20
LEMBAR PERSETUJUAN MILESTONE III ........................................................................ 21

i
1. Identitas Proyek
Hasil akhir dari pembuatan proyek ini akan digunakan untuk memudahkan komunikasi
antara wakil dekan 2 fti dengan ppa (admin fti) dalam pencairan dana yang akan
disalurkan ke program studi sampai kepada fakultas. Dimana, pencairan dana
merupakan suatu tindakan, mengeluarkan, merealisasikan, atau kegiatan menguangkan
dan memperbolehkan mengambil dana berupa uang tunai yang disediakan atau
dicadangkan untuk ketentuan tertentu. Pengajuan yang diajukan oleh wd2 akan
direalisasikan lebih dari 1 kali dan memiliki kemungkinan untuk dana yang dicairkan
bisa kurang dari yang diajukan. Untuk source code program sepenuhnya bisa dilihat
pada link berikut ini https://github.com/1709-jean/pterpanpengajuan.

2. Identitas Pekerja
Proyek ini dikerjakan oleh dua orang mahasiswa sistem informasi dengan identitas
sebagai berikut.

a. Mahasiswa 1
Nama : Jeremy Wasistha Malon
NIM : 72190342
Peran : Analisis dan perancangan sistem informasi, dokumentasi, migrasi database

b. Mahasiswa 2
Nama : Jeanette Florensia Tiurlina Purba
NIM : 72190352
Peran : pengembangan website

3. Langkah Pelaksanaan Proyek

- Sebelum pengembangan website kami membuat terlebih dahulu untuk usecase, erd,
dan dfd yang akan digunakan untuk mempermudah pengembangan system
kedepannya. Pada bagian ini penanggung jawab dari mahasiswa 1, yakni Jeremy
Wasistha Malon.
- Setelah perancangan tersebut kami memulaui pengembangan website yang dimulai
dengan melakukan clone laravel versi 8 dan melakukan migrasi terhadap database
dan masih dilakukan oleh mahasiswa 1.
- Selanjutnya, pengembangan website dimulai dari pembuatan tampilan, data
dummy, hingga ke pembuatan kueri untuk digunakan dalam system. Pada bagian
ini ditanggungjawab oleh mahasiswa 2, yakni Jeanette Florensia Tiurlina Purba.

1
 4. Analisis Dan Perancangan Sistem

4.1. Usecase
Usecase ini digunakan untuk memberikan kemudahan dalam komunikasi dengan
menggunakan domain expert dan juga end user, memberikan kepastian pemahaman
yang pas tentang kewajiban dan kebutuhan dalam sistem. Pada gambar diatas
merupakan aksi yang secara garis besar dapat dioperasikan dalam sistem.

Nama Use Case Membuat COA

Aktor Wakil Dekan 2
Deskripsi Singkat Usecase mendeskripsikan pembuatan buku akun
Pre Condition
1. use case dimulai ketika wd2 membuat kode akun
Flow of Event 2. membuat nama akun
3. Use case selesai
Post Condition Hasil akun

Nama Use Case Membuat pengajuan

Aktor Wakil Dekan 2

2
Deskripsi Use case mendeskripsikan pengajuan surat dengan melakukan
Singkat pengisian form
Pre Condition
1. Usecase dimulai ketika wd2 mengklik button tambah pengajuan
2. Mengisi form pengajuan
Flow of Event 3. Use case selesai
Post Condition Pengajuan dikirimkan ke admin

Nama Use Case Mencetak Realisasi

Aktor Wakil Dekan 2
Deskripsi
Singkat Use case menerima hasil pengajuan dana
Pre Condition
1. Usecase dimulai ketika wd2 mengklik cetak
2. Melakukan download terhadap file.
Flow of Event 3. Use case selesai
Post Condition Realisasi ditandatangani

Nama Use Case Melihat pengajuan

Aktor Wakil Dekan 2
Deskripsi Singkat Usecase melihat kelanjutan proses pengajuan surat
Pre Condition Pengajuan sudah dikirimkan dan diterima oleh admin
1. Usecase dimulai ketika wd2 melihat dari halaman pengajuan
2. proses pengajuan akan ditampilkan
Flow of Event 3. Use case selesai
Post Condition Hasil pengajuan

Nama Use Case Melihat Rekapan Keuangan Fakultas

Aktor Wakil Dekan 2
Deskripsi
Singkat Usecase dapat melihat rekaman pengajuan.
Pre Condition Pengajuan yang sudah diterima

3
 1. Usecase dimulai ketika wd2 mengklik pengajuan

2. hasil rekaman pengajuan

Flow of Event 3. Use case selesai

Post Condition hasil rekaman

Nama Use Case Mencetak keuangan fakultas

Aktor Wakil Dekan 2
Deskripsi
Singkat Usecase dapat melihat transaksi keuangan fakultas
Pre Condition Pengajuan yang sudah diterima
Usecase dimulai ketika semua pengajuan sudah diterima dan
1. diselesaikan

2. Transaksi keuangan fakultas

Flow of Event 3. Use case selesai

Post Condition bukti transaksi keuangan.

Nama Use Case Melihat COA

Aktor Admin
Deskripsi Singkat Melihat rekaman buku akun yang sudah dibuat oleh wd2
Pre Condition Data akun suda tersimpan ke dalam sistem
1. use case dimulai ketika wd2 melihat rekaman buku akun
Flow of Event 2. melihat rekaman akun
3. Use case selesai
Post Condition Hasil rekaman akun

Nama Use Case Memilih pengajuan

Aktor Admin
Deskripsi Singkat Melihat pengajuan oleh wd2
Pre Condition Pengajuan dana sudah dikirimkan dari wd2

4
 1. use case dimulai ketika admin membuka halaman pengajuan masuk
2. melihat pengajuan dana yang diajukan
3. Use case selesai
Flow of Event 4.
Post Condition Hasil pengajuan

Nama Use Case Mengaktifkan pengajuan

Aktor Admin
Deskripsi Singkat Menyetujui pengajuan dana
Pre Condition Isi dari pengajuan sudah di check
1. Usecase dimulai ketika isi dari deskripsi pengajuan diterima
2. Menerima pengajuan dana
3. Use case selesai
Flow of Event 4.
Post Condition Pengajuan diterima

Nama Use Case Membuat Realisasi keuangan

Aktor Admin
Deskripsi Singkat Mengisi Dana(keuangan) yang akan dicairkan
Pre Condition Data COA sudah diinput oleh WD2
1. Usecase dimulai ketika WD2 menginput data COA
2. Admin mengambil nomor akun pada data COA
3. Admin mengisi Dana realisasi sesuai nomor akun COA
Flow of Event 4. Use case selesai
Post Condition Dana realisasi diterima

Nama Use Case Melihat proses terkini dari pengajuan

Aktor Admin

Deskripsi Singkat proses pengajuan

Pre Condition Pengajuan sudah dikirimkan dari wd2

Flow of Event 1. Usecase dimulai ketika WD2 mendapatkan pengajuan baru

5
 2. memilih proses selanjutnya terhadap pengajuan

3. Use case selesai

Post Condition Proses pengajuan diupdate.

4.2. Entity Relationship Diagram

Entity Relationship Diagram merupakan suatu model yang akan berguna dalam
membangu suatu database dalam sistem yang akan dikembangkan agar dapat menampilkan
data yang memiliki hubungan dengan basis data yang nantinya akan dibuat. Pada gambar diatas
merupakan rancangan database yang akan diterapkan dalam sistem.

6
4.3. Data Flow Diagram (DFD)
Data Flow Diagram merupakan representasi grafik dalam sistem. Ini membantu dalam
menggambarkan komponen-komponen sebuah sistem melalui asalnya akan menghasilkan
sebuah informasi diakhir. DFD memiliki tingkatan level yang dimana setiap level akan
membantu dalam mendalami proses yang terlibat dalam sistem. Pada gambar diatas kelompok
kami membuat pada level 0 tingkatan yang paling sederhana dan langsung membuat level dua
untuk detailnya.

7
8
 5. Kesimpulan
Pembangunan sistem untuk membantu pengontrolan uang masuk dan keluar dalam ruang
lingkup bisa membantu merekap data pengajuan dana yang diberikan. Selain itu, perancangan
sistem akan snagat membantu dalam pengembangan sistem agar dapat memiliki gambaran,
walaupun terkadang akan ada perbedaan yang signifikan dalam implementasinya.

9
6. Desain Antarmuka
● Desain Login

● Implementasi Login

Tampilan login dimana pengguna harus memasukkan email dan password

untuk masuk ke dalam system setelah itu klik tombol login. Username akan
menentukan role anda di dalam system tersebut. Role yang tersedia ada dua,
yakni PPA dan WD 2.

● Desain Dashboard

10
● Implementasi Dashboard

Dashboard akan menampilkan informasi terkait pengajuan dan buku akun yang
belum proses/sedang proses/selesai. Pada gambar yang diatas merupakan
gambar dashboard dari untuk kedua user. Ini akan membantu admin dalam
melakukan verifikasi, jika ads pengajuan baru.

● Desain Tampilan Pengajuan WD 2

11
 ● Implementasi Tampilan Pengajuan WD 2

Halaman ini untuk memberikan informasi terkait pengajuan yang sudah belum
diterima, diterima dan sudah tahap realisasi.

● Desain Tampilan Pengajuan pada PPA

12
 ● Implementasi Tampilan Pengajuan pada PPA

Pada bagian pengajuan ppa memiliki hak untuk melakukan penolakan, penerimaan,
detail pengajuan dan membuat realisasi.

● Desain tampilan membuat pengajuan baru oleh WD2

13
 ● Implementasi tampilan membuat pengajuan baru oleh WD2

Bagian membuat pengajuan ini hanya bisa diakses oleh WD 2. Oleh karena itu, WD2
harus membuat informasi detail terkait pencairan dana untuk kegiatan tersebut dengan
melakukan pengisian data dari prodi, nama kegiatan, jumlah dana, dan disesuaikan ke
no akun yang sudah ditentukan diawal.

● Desain tampilan data coa pada WD2

14
 ● Implementasi tampilan data coa pada WD2

Tampilan ini merupakan tampilan dari COA untuk bagian menampilkan data. Dimana,
WD2, bisa melakukan penambhan coa dan melakukan pengeditan ataupun
penghapusan.

● Desain tampilan pembuatan data coa pada WD2

15
 ● Implementasi tampilan pembuatan data coa pada WD2

Pada bagian ini hanya bisa diakses oleh WD2, jika WD2 ingin melakukan penambahan
no akun pada laporannya.

● Desain tampilan data COA

16
 ● Implementasi tampilan data COA

Tampilan ini digunakan untuk membantu melihat rekaman COA yang sudah pernah
diajukan.

17
 ● Desain tampilan realisasi

● Implementasi tampilan realisasi

Halaman ini digunakan untuk melakukan realisasi pada pengajuan yang telah dibuat.
Realisasi ini bisa digunakan berulang kali.

18
● Desain Halaman Detail

● Implementasi Halaman Detail

Pada tampilan antarmuka ini bisa diakses oleh kedua user. Halaman ini bisa
diakses jika WD2 telah berhasil membuat coa dan pengajuan baru. Informasi
detail ini akan membantu pihak ppa dalam menerima pengajuan yang lebih dari
satu.

19
 7. Logbook Gabungan

8. Kesimpulan
Sistem informasi ini bisa digunakan untuk mempermudah proses kerja dalam pencairan
dana dalam ruang lingkup fakultas yang memiliki tanggung jawab untuk memberikan dana di
setiap kegiatan yang berada di bawah tanggung jawab Fakultas Teknologi Informasi.

20
 LEMBAR PERSETUJUAN MILESTONE III
Demikian Laporan Perkembangan Pelaksanaan Proyek Akhir Milestone III sebagai proses
akhir dari pengerjaan proyek Pemrograman Terintegrasi Terapan.

Yogyakarta, 15 Juni 2022

Anggota Kelompok I Anggota Kelompok II

Jeremy Wasistha Marlon Jeanette Florensia Tiurlina Purba

Mengetahui, Dosen Pembimbing

Argo Wibowo, S.T., MT

21