• Tidak ada hasil yang ditemukan

BAB IV HASIL DAN PEMBAHASAN

4.2. Perancangan (Design)

4.2.4 Entity Relationship Diagram (ERD)

Bab IV Hasil dan Pembahasan

Bab IV Hasil dan Pembahasan Kamus Data yang ada pada Aplikasi Monitoring dan Evaluasi Anggaran Kelitbangan pada Bappeda Litbang Kota Palembang adalah sebagai berikut:

1.

2.

Tabel data_user =@nip+nama_lengkap+photo+jenis_kelamin +alamat+email+password+level_bidang

nip bigint(20) primary key NOT NULL

nama_lengkap varchar(50) NOT NULL photo

jenis_kelamin alamat

email password level bidang

Text

enum(“laki-laki”,”perempuan”) text

varchar (50) NOT NULL varchar(10) NOT NULL

enum(“Admin”,”Kabid”,”Kasubbid”) NOT NULL

Enum

(“EKBANG”,”INOTEK”,”SOSPEM”) NULL

Tabel data_anggaran =@id_anggaran+nip+jenis_belanja+

uraian_kegiatan+uraian_belanja+koefisien+

satuan+total+realisasi_koefisien+

realisasi_harga+realisasi_keterangan +tahun_anggaran

id_anggaran int(11) primary key NOT NULL

Nip bigint(20) foreign key NOT NULL

jenis_belanja urain_kegiatan urain_belanja koefisien satuan total

realisasi_koefisien realisasi_harga realisasi_keterangan tahun_anggaran

varchar(100) NOT NULL text

text

int(11) NOT NULL varchar(10) NOT NULL varchar(10) NULL int(11) NULL int(11) NULL text

year(4) NOT NULL

Bab IV Hasil dan Pembahasan 3.

4.

4.2.6 Desain Tabel Database 1. Tabel Data Belanja

Tabel data_belanja digunakan untuk menyimpan kegiatan data belanja yang di input oleh Kasubbid dan dapat dilihat oleh Admin dan Kabid. Untuk lebih rincinya dapat dilihat pada tabel dibawah ini :

Nama file : data_belanja Primary Key : id_belanja

Tabel 4.1 Tabel data_belanja

No Name Field Type Size Key

1 id_belanja Int 11 *

2 Jenis_belanja Enum

3 Urain_kegiatan Text Foreign

Tabel data_standar_biaya =@kode+uraian+spesifikasi+satuan +harga_satuan+keterangan

kode int(11) primary key NOT NULL

uraian varchar(255) Foreign Key NOT NULL

spesifikasi satuan harga_satuan keterangan

text

int(11) NOT NULL int(11) NOT NULL text

Tabel data_belanja =@id_belanja+jenis_belanja+uraian_kegiatan id_belanja int(11) primary key NOT NULL

jenis_belanja enum(‘Barang’,’Jasa’,’Perjalanan Dinas’) Foreign Key NOT NULL

uraian_kegiatan text

Bab IV Hasil dan Pembahasan 2. Tabel Data User

Tabel data_user digunakan oleh user untuk login. Untuk lebih rincinya dapat dilihat pada tabel dibawah ini:

Nama file : data_user Primary Key : nip

Tabel 4.2 Tabel data_user

No Name Field Type Size Key

1 Nip Bigint 20 *

Foreign

2 Nama_lengkap Varchar 50

3 Photo Text

4 Jenis_kelamin Enum

5 Alamat Text

6 Email Varchar 50

7 Password Varchar 10

8 Level Enum

9 Bidang Enum

3. Tabel Standar Biaya

Tabel Standar Biaya digunakan untuk menyimpan data standar biaya.

Untuk lebih rincinya dapat dilihat pada tabel dibawah ini : Nama file : data_standar_biaya

Primary Key : kode Foreign Key : uraian

Tabel 4.3 Tabel Standar Biaya

No Name Field Type Size Key

1 Kode int 11 *

Bab IV Hasil dan Pembahasan Lanjutan Tabel 4.3 Tabel Standar Biaya

2 Uraian varchar 255 Foreign

3 Spesifikasi text

4 Satuan int 11

5 harga_ satuan int 11

6 Keterangan text

4. Tabel Data Anggaran

Tabel Data Anggaran digunakan untuk menyimpan data perencanaan dan realisasi. Untuk lebih rincinya dapat dilihat pada tabel dibawah ini : Nama file : data_anggaran

Primary Key : id_anggaran

Tabel 4.4 Tabel Data Anggaran

No Name Field Type Size Key

1 id_anggaran Int 11 *

2 Nip bigint 20 Foreign

3 Jenis_belanja Varchar 100

4 Uraian_kegiatan text

Foreign

5 Uraian_belanja text

6 Koefisien

Int 11

7 Satuan Varchar 10

8 Total Varchar 10

9 Realisasi_koefisien

Int 11

Bab IV Hasil dan Pembahasan Lanjutan Tabel 4.4 Tabel Data Anggaran

10 Realisasi_harga Int 11

11 Realisasi_keterangan text

12 Tahun_anggaran Year 4

4.2.7 Rancangan Halaman Sistem

Berikut ini merupakan rancangan halaman sistem pada Aplikasi Monitoring dan Evaluasi Anggaran Kelitbangan pada Bappeda Litbang Kota Palembang.

4.2.7.1 Rancangan Halaman Login

Pada tampilan rancangan halaman login di bawah ini berfungssi untuk melakukan login pada sistem dengan memasukan username dan password yang telah disediakan. Sistem ini dapat diakses oleh admin, kabid dan kasubbid pada Bappeda Litbang Kota Palembang bidang Litbang.

Gambar 4.7 Rancangan Halaman Login

Bab IV Hasil dan Pembahasan 4.2.7.2 Rancangan Halaman Sistem Hak Akses Admin

Berikut ini merupakan rancangan halaman fitur pada hak akses admin pada Aplikasi Monitoring dan Evaluasi Anggaran Kelitbangan pada Bappeda Litbang Kota Palembang.

4.2.7.2.1 Rancangan Halaman Dashboard Admin

Rancangan halaman dashboard admin adalah rancangan awal pada halaman admin setelah berhasil login maka admin akan masuk ke halaman dashboard admin. Disini admin dapat melakukan pengelolaan data user.

Gambar 4.8 Rancangan Halaman Dashboard Admin

4.2.7.2.2 Rancangan Halaman Data Anggaran

Pada halaman data anggaran, admin dapat melihat anggaran perencanaan dan realisasi yang telah diinput langsung oleh kasubbid untuk melihat berapa anggaran yang telah digunakan.

Bab IV Hasil dan Pembahasan Gambar 4.9 Rancangan Halaman Data Anggaran

4.2.7.2.3 Rancangan Halaman Data User

Pada halaman data user, admin dapat menambah dan mengedit data user pada Aplikasi Monitoring dan Evaluasi Anggaran Kelitbangan pada Bappeda Litbang Kota Palembang.

Gambar 4.10 Rancangan Halaman Data User

Bab IV Hasil dan Pembahasan 4.2.7.2.4 Rancangan Halaman Data Standar Biaya

Pada halaman data standar biaya, admin dapat menambah, mengedit dan menghapus data standar biaya.

Gambar 4.11 Rancangan Halaman Data Standar Biaya

4.2.7.2.5 Rancangan Halaman Data Belanja

Pada halaman data belanja, admin dapat menambah dan mengedit data belanja pada Aplikasi Monitoring dan Evaluasi Anggaran Kelitbangan pada Bappeda Litbang Kota Palembang.

Gambar 4.12 Rancangan Halaman Data Belanja

Bab IV Hasil dan Pembahasan 4.2.7.3 Rancangan Halaman Sistem Hak Akses Kabid

Berikut ini merupakan rancangan halaman fitur pada hak akses kabid pada Aplikasi Monitoring dan Evaluasi Anggaran Kelitbangan pada Bappeda Litbang Kota Palembang.

4.2.7.3.1 Rancangan Halaman Dashboard Kabid

Rancangan halaman dashboard anggota adalah rancangan awal pada halaman kabid setelah berhasil login maka kabid akan masuk ke halaman dashboard kabid. Disini kabid dapat melihat total anggaran kegiatan yang telah digunakan oleh bidang Litbang.

Gambar 4.13 Rancangan Halaman Dashboard Kabid

Bab IV Hasil dan Pembahasan 4.2.7.3.2 Rancangan Halaman Data Anggaran

Pada halaman data anggaran, kabid dapat melihat uraian anggaran kegiatan pada Bappeda Litbang Kota Palembang bidang Litbang.

Gambar 4.14 Rancangan Halaman Data Anggaran

4.2.7.3.3 Rancangan Halaman Data Belanja

Pada halaman data belanja, kabid dapat melihat uraian kegiatan yang dilakukkan bidang Litbang.

Gambar 4.15 Rancangan Halaman Data Belanja

Bab IV Hasil dan Pembahasan 4.2.7.3.4 Rancangan Halaman Standar Biaya

Pada halaman standar biaya, kabid dapat melihat standar harga yang telah ditetapkan oleh kementerian dalam Pemerintah Indonesia yang membidangi urusan dalam negeri.

Gambar 4.16 Rancangan Halaman Standar Biaya

4.2.7.4 Rancangan Halaman Sistem Hak Akses Kasubbid

Berikut ini merupakan rancangan halaman fitur pada hak akses kasubbid pada Aplikasi Monitoring dan Evaluasi Anggaran Kelitbangan pada Bappeda Litbang Kota Palembang.

4.2.7.4.1 Rancangan Halaman Dashboard Kasubbid

Rancangan halaman dashboard kasubbid adalah rancangan awal pada halaman kasubbid setelah berhasil login maka admin akan masuk ke halaman dashboard kasubbid. Disini kasubbid dapat melihat jumlah anggaran kegiatan yang direncanakan dan yang telah direalisasi

Bab IV Hasil dan Pembahasan Gambar 4.17 Rancangan Halaman Dashboard Kasubbid

4.2.7.4.2 Rancangan Halaman Data Anggaran

Pada halaman data anggaran, kasubbid dapat menginput data perencanaan dan realisasi agar dapat melihat anggaran kegiatan yang telah direalisasi pada Aplikasi Monitoring dan Evaluasi Anggaran Kelitbangan pada Bappeda Litbang Kota Palembang.

Gambar 4.18 Rancangan Halaman Data Anggaran

Bab IV Hasil dan Pembahasan 4.2.7.4.3 Rancangan Halaman Data Profil

Pada halaman data profil, kasubbag dapat melihat data kasubbid pada Aplikasi Monitoring dan Evaluasi Anggaran Kelitbangan pada Bappeda Litbang Kota Palembang.

Gambar 4.19 Rancangan Halaman Data Profil

4.2.7.4.4 Rancangan Halaman Data Belanja

Pada halaman data belanja, kasubbid dapat melihat, menginput, menambahkan, mengedit dan menghapus uraian kegiatan pada Aplikasi Monitoring dan Evaluasi Anggaran Kelitbangan pada Bappeda Litbang Kota Palembang.

Gambar 4.20 Rancangan Halaman Data Belanja

Bab IV Hasil dan Pembahasan 4.2.7.4.5 Rancangan Halaman Data Standar Biaya

Pada standar biaya, kabid dapat melihat standar harga yang telah ditetapkan oleh kementerian dalam Pemerintah Indonesia yang membidangi urusan dalam negeri.

Gambar 4.21 Rancangan Halaman Data Standar Biaya

4.2.7.4.6 Rancangan Halaman Data Realisasi

Pada halaman data realisasi, kasubbid dapat melihat perbandingan total anggaran kegiataan yang telah dilaksanakan.

Gambar 4.22 Rancangan Halaman Data Realisasi

Bab IV Hasil dan Pembahasan 4.2.7.4.7 Rancangan Halaman Data Realisasi Periode

Pada halaman data realisasi periode, kasubbid dapat melihat pergerakan total anggaran kegiataan yang telah dilaksanakan per triwulan1 sampai triwulan 4.

Gambar 4.23 Rancangan Halaman Data Realisasi Periode

Bab IV Hasil dan Pembahasan 4.3 Pengkodean (Coding)

Berikut ini pengkodean (Coding) pada Aplikasi Monitoring dan Evaluasi Anggaran Kelitbangan pada Bappeda Litbang Kota Palembang.

4.3.1 Tampilan Halaman Login

Pada tampilan halaman login berfungsi untuk melakukan login kedalam sistem dengan memasukan username dan password yang telah terdaftar dalam sistem ini. Sistem ini dapat diakses oleh Sistem ini dapat diakses oleh admin, Kabid dan kasubbid Bappeda Litbang Kota Palembang bidang Litbang.

Gambar 4.24 Tampilan Halaman Login

Dokumen terkait