19

20 BAB III ANALISIS DAN PERANCANGAN Dalam bab ini penulis mencoba menguraikan secara garis besar sistem yang berjalan, maka dapat menyebutkan hal-hal yang menjadi masalah dan perlu diselesaikan dengan melakukan perancangan sistem informasi. 3.1

Analisis dan Perancangan Sistem

3.1.1

Spesifikasi Sistem Sistem e-Budgeting ini dirancang untuk mempermudah dalam mengelola

anggaran yang meliputi proses pengajuan anggaran dan review melalui sistem aplikasi e-Budgeting, sehingga proses didalam pengajuan anggaran akan lebih efektif dan efisien.

3.1.2

Analisis Kebutuhan Hardware Perangkat keras yang digunakan untuk membuat aplikasi ini menggunakan

laptop dengan spesifikasi :

3.1.3

1.

Processor Intel Core I3-2310M

2.

Hardisk 500 GB HDD

3.

Memory 2 GB DDR3

4.

VGA intel HD Graphics 3000

Analisis Kebutuhan software Perangkat lunak atau software yang digunakan dalam pembuatan aplikasi ini adalah : 1.

Sistem Operasi

: Windows 7

2.

Editor Web

: Adobe Dreamweaver CS6

3.

Web Server

: Appserv web server, dengan bahasa pemograman PHP dan menggunakan database MySQL

4.

Software Pendukung

: Adobe Photoshop CS5

19 http://digilib.mercubuana.ac.id/

20 3.2 3.2.1

Analisis Sistem Analisis Proses Bisnis Yang Berjalan Pada proses bisnis yang sedang berjalan di SMA Pangudi Luhur Jakarta yaitu: 1.

SMA Pangudi Luhur Jakarta dalam mengelola anggaran masih menggunakan cara manual yaitu dengan menggunakan exel.

2.

Dalam proses pengajuan anggaran disetiap divisi/unit masih dilakukan secara manual dengan membuat proposal permohonan penyelenggaraan kegiatan sekolah, mengajukan proposal kepada kepala sekolah.

3.

Dalam setiap review pengajuan anggaran harus diserahkan ke kepala sekolah

dan

kepala

sekolah

akan

mempelajari,

mengoreksi,

mempertimbangkan, membuat keputusan, memberikan keputusan kepada penanggung jawab dan menandatangani keputusan.

3.2.2

Use Case Diagram Sistem Berjalan

Gambar 3.1 Use Case Sistem Berjalan di SMA Pangudi Luhur

19 http://digilib.mercubuana.ac.id/

21

Gambar 3.2 Activity Berjalan di SMA Pangudi Luhur Didalam activity diagram berjalan penanggung jawab membuat proposal pengajuan anggaran dimana setiap pengajuan anggaran harus membuat atau mengisi proposal pengajuan anggaran, setelah penanggung jawab membuat atau mengisi proposal pengajuan anggaran penanggung jawab mengirimkan ke kepala sekolah untuk dikoreksi, dan dipertimbangkan apakah pengajuan anggaran disetujui atau ditolak (revisi), kemudian proposal dikembalikan lagi ke penanggung jawab, jika ditolak (revisi) maka penanggung jawab akan merevisi, tapi jika disetujui maka penanggung jawab akan mengirimkan proposal pengajuan yang di setujui ke bendahara. Setelah bendahara menerima proposal pengajuan yang sudah disetuji kemudian bendahara menyiapkan dana untuk dicairkan, dan mencatat di kas laporan

http://digilib.mercubuana.ac.id/

22 keluar. Setelah dana diterima oleh penanggung jawab kemudian penanggung jawab membuat LPJ dan melaporkan ke kepala sekolah, setelah LPJ diterima kepala sekolah dan dievaluasi kepala sekolah lalu mengarsipkan LPJ yang sudah dilaporkan. 3.2.3 Analisis Proses Bisnis Usulan 1.

Peneliti

mengusulkan

menggunakan

sistem

e-Budgeting

dalam

mengelola anggararan di SMA Pangudi Luhur Jakarta. 2.

Dalam tahap pengajuan anggaran menggunakan e-budgeting dilakukan secara tersturktur dan sistematis didalam proses pengajuan anggaran.

3.

Dalam

proses

review

setelah

pengajuan

anggaran

tidak

lagi

menggunakan kertas dan diketik secara manual namun sudah dilakukan secara terkomputerisasi, karena sudah terdapat didalam aplikasi sistem tahap review. 3.2.4 Use Case dan Activity Diagram Sistem Usulan

Gambar 3.3 Use Case Sistem Usulan


23

Gambar 3.4 Class Diagram Analisis proses bisnis yang berjalan terdiri dari beberapa user divisi, kepala sekolah, bendahara dan sistem, jadi setiap user melakukan login kemudian sistem menampilkan halaman user, di tahap pengajuan anggaran divisi mengisi form pengajuan anggaran yang terdapat di sistem, setelah mengisi form pengajuan kemudian sistem akan menyimpan ke database, memanggil data dan menampilkan kehalaman bendahara, bendahara lalu mereview permohonan terakhir dari menu persetujuan dana lalu mengecek ketersediaan dana, jika dana tidak tersedia maka divisi akan membicarakan kembali, jika tersedia bendahara lalu mengirimkan form


24 yang disetujui, database akan menampilkan hasil persetujuan dana ke halaman divisi dan kepala sekolah.

Setelah itu kepala sekolah akan mereview hasil persetujuan dana yang dikirim oleh bendahara, kemudian kepala sekolah mengirimkan hasil pengajuan terakhir ke divisi. Jika di pending divisi akan membicarakan kembali rencana anggaran dengan kepala sekolah sesuai catatan yang diberikan kepala sekolah. Namun jika di setujui divisi akan menemui bendahara untuk pencairan dana, bendahara mereview permohonan yang sudah disetujui dan selanjutnya mengeluarkan dana yang sudah disetujui. Divisi membuat LPJ yang terdapat di sistem kemudian dikirimkan ke kepala sekolah dan sistem akan menampilkan kehalaman kepala sekolah.

3.3

Activity Diagram Diagram Activity merupakan diagram yang menggambarkan berbagai alur

aktivitas dalam sistem yang dirancang. Masing-masing alur awal, proses yang mungkin terjadi dan bagaimana berakhir. 1.

Diagram Activity Login Menu login merupakan menu awal bagi user untuk dapat masuk ke

sistem. Pada menu ini diwajibkan untuk mengisi username dan password masing-masing user terlihat pada gambar 3.5.

Gambar 3.5 Diagram Activity Login


25

2.

Diagram Activity Pengajuan Anggaran Menu ini merupakan menu setiap divisi, dimana menu ini setiap divisi

mengisi form pengajuan anggaran yang sudah ada di sistem terlihat pada gambar 3.6.

Gambar 3.6 Activity Diagram Pengajuan Anggaran

3.

Diagram Activity Review Bendahara Menu ini merupakan menu yang terdapat di bendahara yaitu di menu

persetujuan dana, dimana bendahara akan mereview permohonan dana yang diajukan oleh divisi, dapat dilihat pada gambar 3.7.


26

Gambar 3.7 Activity Review Bendahara

4.

Diagram Activity Review Direktur Menu ini mmerupakan menu yang terdapat di direktur, yaitu menu

permohonan tahun ini dimana direktur mereview hasil persetujuan dana yang di ajukan oleh divisi dan telah setujui oleh bendahara, dapat dilihat pada gambar 3.8.

Gambar 3.8 Activity Review Direktur


27 3.4

Sequence Diagram 1.

Sequence Diagram Proses login setiap user Menu ini merupakan menu login bagi setiap user untuk masuk ke sistem

dan masuk kehalaman utama. Dilihat pada gambar 3.9.

Gambar 3.9 Sequens Diagram Proses Login

2.

Sequence Diagram Proses Pengajuan Anggaran Menu ini merupakan menu bagi divisi apabila berhasil login ke sistem

dan masuk kehalaman utama, divisi dapat melakukan pengisian form pengajuan anggaran dengan membuka menu pengajuan anggaran. Dilihat pada gambar 3.10.


28

Gambar 3.10 Sequens Diagram Pengajuan Anggaran

3.

Sequence Diagram Proses Review Direktur

Menu ini merupakan menu bagi direktur apabila berhasil login ke sistem dan masuk kehalaman utama, direktur dapat melakukan review hasil persetujuan dana yang telah disetujui oleh bendahara dengan membuka menu form review. Dilihat pada gambar 3.11.

Gambar 3.11 Sequens Diagram Proses Review Direktur


29 4.

Sequence Diagram Proses Review Bendahara Menu ini merupakan menu bagi bendahara, apabila berhasil login ke

sistem dan masuk kehalaman utama, bendahara dapat melakukan review permohonan terakhir dari menu persetujuan dana. Dilihat pada gambar 3.12.

Gambar 3.12 Sequens Diagram Proses Review Bendahara

3.5

Proses Perancangan Basis Data

3.5.1

Class Diagram Rancangan Data Base untuk pembuatan aplikasi e-Budggeting ini

menggunakan data base MySQL. Pada table data base terdapat kunci Primary key (PK) dan juga terdapat kunci foreign key (FK) yang menunjuk ke table induk. Detail tabel ditunjukan pada tabel berikut:


30

Gambar 3.13 Class Diagram

Secara detail struktur table yang digunakan pada sistem sebagai berikut:

Tabel 3.1 Data Anggaran


31 Gambar 3.14 SQL Create Data Anggaran

Tabel 3.2 Jenis Anggaran

Gambar 3.15 SQL Create Jenis Anggaran


32 Tabel 3.3 Permohonan Anggaran

Gambar 3.16 SQL Create Permohonan anggaran


33 Tabel 3.4 Jabatan

Gambar 3.17 SQL Create Jabatan

Tabel 3.5 Karyawan


34 Gambar 3.18 SQL Create Karyawan

Tabel 3.6 User

Gambar 3.19 SQL Create User

Tabel 3.7 LPJ Field

Type

Size

Keterangan

Key

id_lpj

int(5)

5

Id LPJ

PK

tahun

varchar(4)

4

Tahun


35 varchar(6)

kd_pang

6

Kode pengajuan

nik

varchar(7)

realisasi

Date

rincian1

varchar(100)

100

Rincian

jumlah1

int(10)

10

Jumlah

lampiran

varchar(200)

200

Lampiran

7

Nik Realisasi

aksi

Aksi Tabel 3.7 LPJ (terusan)

Gambar 3.20 SQL Create LPJ

3.6

Rancangan Tampilan Sistem Perancangan desain untuk e-Budgeting ditunjuk seperti gambar 3.7 dibawah

ini yang terbagi menjadi beberapa bagian yaitu: a.

Header, bagian ini yaitu tampilan dari desain tampilan atas yang berisi judul untuk sistem e-Budgeting.

b.

Main Menu, bagian ini memuat tentang judul dari content website yang ditampilkan.

c.

Sidebar Menu, tampilan ini memuat tentang tombol navigasi dari web aplikasi. Menu ini berbeda-beda dari masing-masing user.

d.

Content, merupakan isi dari web base aplikasi e-budgeting yang berisi table-tabel data peserta dan lain-lain.


36 e.

Footer, berisi tentang tahun pembuatan sistem, pembuat dan hak cipta.

Gambar 3.21 Tampilan Rancangan Sistem

3.6.1

Rancangan Layar Halaman Login

Gambar 3.22 Tampilan Rancangan Halaman Login 3.6.2

Rancangan Layar Halaman Utama Divisi


37

Gambar 3.23 Tampilan Rancangan Halaman Utama Divisi

3.6.3 Rancangan Layar Halaman Data Pribadi Divisi

Gambar 3.24 Tampilan Rancangan Halaman Data Pribadi Divisi

3.6.4 Rancangan Layar Halaman Pengajuan Anggaran Divisi

Gambar 3.25 Tampilan Rancangan Halaman Pengajuan Anggaran Divisi


38 3.6.5 Rancangan Layar Halaman Arsip Pengajuan Divisi

Gambar 3.26 Tampilan Rancangan Halaman Arsip Pengajuan Divisi

3.6.6

Rancangan Layar Halaman Konfirmasi Pengajuan Divisi

Gambar 3.27 Tampilan Rancangan Halaman Konfirmasi Pengajuan Divisi

3.6.7

Rancangan Layar Halaman Jenis Penganggaran Divisi

Gambar 3.28 Tampilan Rancangan Halaman Jenis Penganggaran Divisi


39 3.6.8

Rancangan Layar Halaman Tambah Jenis Anggaran Divisi

Gambar 3.29 Tampilan Rancangan Halaman Tambah Jenis Anggaran Divisi

3.6.9

Rancangan Layar Halaman Hasil Pengajuan Terakhir Divisi

Gambar 3.30 Tampilan Rancangan Halaman Hasil Pengajuan Terakhir Divisi

3.6.10 Rancangan Layar Halaman Persetujuan Dana Divisi

Gambar 3.31 Tampilan Rancangan Halaman Persetujuan Dana Divisi


40 3.6.11 Rancangan Layar Halaman Detail Pengajuan Bendahara

Gambar 3.32 Tampilan Rancangan Halaman Detail Pengajuan Bendahara

3.6.12 Rancangan Layar Halaman Pengajuan Anggaran Terbaru Direktur

Gambar 3.33 Tampilan Rancangan Halaman Pengajuan Anggaran Terbaru Direktur


19

Recommend Documents