daftar isi - sppea.jogjaprov.go.id panduan aplikasi sppea.pdf · mudah dalam melakukan pencarian...

BUKU PANDUAN APLIKASI SISTEM PELAPORAN PENGHEMATAN ENERGI DAN AIR

BIRO ADMINISTRASI PEMBANGUNAN SETDA DIY

i

DAFTAR ISI

DAFTAR ISI ...................................................................................................................... i

BAB I GAMBARAN UMUM ........................................................................................... 1

BAB II TOMBOL UNIVERSAL .......................................................................................... 3

BAB III HALAMAN ADMIN ............................................................................................. 6

4.1 Halaman Login Admin .................................................................................... 6

4.2 Halaman Listrik ............................................................................................... 7

4.3 Halaman BBM ............................................................................................... 10

4.4 Halaman BBG ................................................................................................ 11

4.5 Halaman Air .................................................................................................. 12

4.6 Halaman Laporan ......................................................................................... 14

4.7 Halaman Referensi ....................................................................................... 15

4.8 Halaman Forum ............................................................................................ 18

4.9 Halaman Pengumuman ................................................................................ 20

4.10 Halaman Running Text .................................................................................. 22

BAB IV HALAMAN SKPD .............................................................................................. 25

4.1 Halaman Login SKPD ..................................................................................... 25

4.2 Halaman Menu Listrik................................................................................... 26

4.3 Halaman Menu BBM .................................................................................... 29

4.4 Halaman Menu BBG ..................................................................................... 30



ii

4.5 Halaman Menu Air........................................................................................ 31

4.6 Halaman Menu Laporan ............................................................................... 33

4.7 Halaman Forum ............................................................................................ 34



1

BAB I

GAMBARAN UMUM

Sistem Pelaporan Penghematan Energi dan Air adalah sebuah sistem aplikasi yang

merangkum seluruh pemakaian energi (BBM, BBG, listrik, dan air) di lingkungan instansi

pemerintahan dalam sebuah tampilan desain antar muka yang informatif dan mudah

dipahami. Dengan sistem pelaporan penghematan energi dan air sangat memungkinkan

bagi seluruh pihak yang berwenang untuk mengakses data pemakaian secara real-time,

cepat dan komprehensif.

Pada sistem aplikasi ini akan melaporkan seluruh data pemakaian energi di tiap -

tiap SKPD dan instansi - instansi di lingkungan Daerah Istimewa Yogyakarta secara berkala

dan disimpan dalam database yang dapat ditampilkan secara kolektif dengan desain

antarmuka berbasis web. Dengan antarmuka ini pengguna dapat dengan cepat me-review

data pemakaian energi secara komprehensif dalam satu aplikasi. Dengan sistem aplikasi ini

tentunya akan mempertinggi efisiensi manajemen dalam hal pengaturan pemakaian energi

di lingkungan pemerintahan.

Karena sifat data yang sangat detil dan sensitif ini, maka pada Sistem Pelaporan

Penghematan Energi dan Air Biro Pembangunan Setda Daerah Istimewa Yogyakarta

diberlakukan sistem levelling (strata) akses oleh pengguna. Penggunaan levelling ini

berfungsi untuk mengatur pengaksesan sistem aplikasi berdasarkan kewenangannya,

sehingga tidak terjadi tumpang tindih dalam pengelolaan data. Jenis levelling pada sistem

pelaporan penghematan energi dan air yang dimaksud adalah :

1) Administrator Sistem

Kewenangan administrator sistem mencakup semua pengaturan , pengendalian, dan

pengorganisasian data beserta atributnya pada sistem aplikasi ini. Administrator

memiliki kewengan penuh terhadap hak akses sistem aplikasi.



2

2) Admin SKPD

Admin SKPD adalah bagian dari sistem yang hanya memiliki kewenagan untuk

pengelolaan data pada masing- masing SKPD



3

BAB II

TOMBOL UNIVERSAL

Yang dimaksud tombol universal disini adalah tombol - tombol yang sering di jumpai

dan digunakan dalam sistem informasi ini. Pada umumnya tombol - tombol tersebut

merupakan tombol yang berfungsi sebagai perintah dasar seperti :

1. Pencarian

Tombol ini berfungsi untuk melakukan pencarian data dengan cara memasukkan kata

kunci yang dicari pada kolom yang tersedia.

Ada beberapa jenis tombol pencarian yang kami sediakan sebagai variasi, yaitu:

Tombol pencarian ini ada pada halaman yang ditujukan untuk publik agar lebih

mudah dalam melakukan pencarian data, foto, video, maupun dokumen. Dengan

tampilan sebagai berikut :

Tombol pencarian ini ada pada halaman yang dapat diakses oleh admin maupun

operator pada semua halaman. Fungsinya tidak berbeda jauh dengan tombol

pencarian pada umumnya, kami menambahkan empat jenis kolom filter yaitu pilih

tahun, pilih jenis, pilih SKPD, pilih jenis laporan di sebelah kolom pencarian untuk

mempermudah admin maupun operator. Dengan tampilan sebagai berikut :

Tombol pencarian ini hanya dapat diakses oleh admin dan terdapat pada level

eksekutif untuk perbandingan, penggunaan energi/air per SKPD, bulan, tahun.

Berikut tampilannya :

Sama halnya dengan tombol pencarian lain yang berfungsi untuk mempermudah

penggunaan dalam melakukan pencarian, demi kemudahan dalam penggunaannya

kami tambahkan dua button lain di sebelah tombol pencarian tersebut yaitu :



4

Cari

Reset

2. Tambah data

Tombol ini berfungsi untuk menambah data yang ada pada sistem, dengan menekan

tombol ini maka akan muncul form yang harus diisi sesuai dengan data yang akan

ditambah.

3. Edit data

Tombol ini ada dalam setiap halaman yang dapat diakses oleh admin maupun operator.

Mempermudah admin dan operator jika ingin mengubah data yang ada.

4. Kembali

Tombol ini berfungsi untuk mengembalikan ke halaman sebelumnya.

5. Hapus data

Tombol yang juga terdapat pada kolom action dan berfungsi untuk menghapus data

secara individual. Jika user menekan tombol ini maka akan muncul notifikasi hapus

seperti gambar di bawah ini :

Untuk menghapus data tekan tombol , untuk membatalkan penghapusan

tekan tombol .



5

6. Submit form

Fungsi dati tombol ini adalah untuk menyimpan data baru atau perubahan yang telah

dilakukan.

7. Reset

Tombol ini digunakan untuk mereset ulang form yang sedang diisi. Hanya dapat diakses

oleh admin maupun operator.

8. Cetak

Tombol ini digunakan untuk mencetak keseluruhan dari data sebagai laporan.

9. Cancel

Tombol ini berfungsi untuk menggagalkan perintah.

10. Sign in

Tombol ini berfungsi untuk masuk ke halaman khusus admin maupun operator.

11. Log out

Tombol ini berfungsi untuk log out dari halaman setiap user. Jangan lupa untuk selalu

melakukan log out setiap kali selesai melakukan pengaturan pada halaman masing-

masing user.



6

BAB III

HALAMAN ADMIN

4.1 Halaman Login Admin

Berikut ini tampilan untuk login untuk admin, jika admin akan login menginputkan

username dan password

Untuk mengakses halaman admin maka ketikkan username dan pasword kemudian

tekan tombol . Kemudian akan masuk ke halaman utama admin,

dimana pada halaman tersebut akan muncul pop up pengumuman pada aplikasi SPPEA.



7

4.2 Halaman Listrik

Dihalaman menu bangunan terdapat dua sub menu yang dapat diakses oleh admin yaitu

sub menu bangunan dan sub menu pemakaian listrik.

a. Bangunan

Di halaman sub menu ini ditampilkan seluruh data luasan bangunan tiap SKPD yang

menggunakan AC dan non-AC, total luasan bangunan, presentase perbandingan

luasan bangunan yang ber-AC dan non-AC. Berikut adalah tampilan halaman menu

bangunan.

Dihalaman sub menu bangunan ini terdapat empat tombol aksi:

Tambah data

Untuk menambah data tekan tombol kemudian isikan data

sesuai dengan form yang tersedia, untuk menyimpannya tekan tombol

. Berikut adalah tampilan form input bangunan:



8

Hapus data

Untuk menghapus pilih data yang akan dihapus kemudian tekan tombol

kemudian akan mucul kotak dialog peringatan :

Untuk menghapus data tekan tombol , untuk membatalkan

penghapusan tekan tombol .

Edit data

Tekan tombol kemudian akan masuk pada form input bangunan seperti

berikut:

untuk menyimpan perubahan data tekan tombol .

Cari data

Untuk mencari data input bangunan masukan kata kunci ke kolom

kemudian tekan tombol untuk menampilkan. Pada



9

halaman ini telah disediakan tombol sorting untuk

mempermudah pengelompokan data yang ditampilkan.

b. Pemakaian Listrik

Pada sub menu listrik ini ditampilkan data pemakaian listrik seluruh SKPD-SKPD

berdasarkan data yang diinputkan pada form input pemakaian listrik. Berikut adalah

tampilan halaman sub menu pemakaian listrik:

Edit Data

Untuk melakukan edit data tekan tombol kemudian isikan data, untuk

menyimpan perubahan tekan tombol . Berikut adalah tampilan form

input pemakaian listrik :



10

Filter Data

Dihalaman ini telah dilengkapi filter untuk memudahkan dalam pengelompokan

data yang ditampilkan sesuai dengan filter yang telah dipilih. Berikut adalah

tampilan filter:

4.3 Halaman BBM

Halaman ini memberi informasi setiap SKPD dengan kolom Jenis Kendaraan, Bulan,

Jumlah Kendaraan, Pemakaian BBM (liter), Biaya. Halaman ini hanya dapat melakukan

edit data untuk memasukan data yang sudah sesuai dengan total jumlah kendaraan,

total pemakaian BBM, biaya yang dikeluarkan. Dengan fitur pencarian filter tahun, filter

SKPD, filter jenis kendaraan (Sedan, Minibus, Bus Truck, Sepeda Motor, Kapal Motor,

Lainnya), paging yang menarik.



11

Edit Data

Untuk melakukan edit pada data tekan tombol kemudian isikan data pada form

input BBM dan tekan tombol untuk menyimpannya. Untuk memudahkan

pengelompokkan data pada menu ini telah disediakan tombol filter berdasarkan

tahun, SKPD, dan jenis kendaraan. Berikut adalah tampilan form input BBM :

Edit Data

Dihalaman ini juga dilengkapi tombol filter berdasarkan tahun produksi dan SKPD

untuk mempermudah pengelompokan data. Untuk mengoperasikannya cukup

dengan mengarahkan kursor ke kolom filter. Berikut ini adalah tampilan filternya:

4.4 Halaman BBG

Pada halaman menu BBG berisikan data pemakaian BBG berdasarkan jumlah dan

besaran baiayanya dimasing-masing SKPD. Di menu ini hanya terdapat tombol aksi edit

untuk melakukan input data.



12

Untuk melakukan input data tekan tombol , isikan data sesuai form yang

ditampilkan dan tekan tombol untuk menyimpannya. Berikut adalah tampilan

form pemakaian BBG :

4.5 Halaman Air

Dihalaman menu ini terdapat dua sub menu, yaitu sub menu Sumur dan sub menu

Pemakaian air. Pembedan menjadi dua sub menu ini untuk memudahkan input data

pemakaian air berdasarkan sumbernya, yatiu air sumur atau air PDAM.

a. Sumur

Dihalaman sub menu ini akan akan ditampilkan sumlah sumur yang sudah terpasang

water meter dan non water meter. Berikut adalah tampilan menu sumur:



13

Untuk melakukan input data sumur tekan tombol kemudian isikan data sesuai

form yang ditampilkan dan tekan tombol untuk menyimpannya. Berikut

adalah tampilan form input sumur :

b. Pemakaian Air

Di sub menu Pemakaian Air ini berisikan jumlah pemakaian air PDAM dalam satuan

(m3) dan besaran biaya yang dikeluarkan per SKPD. Berikut adalah tampilan menu

Pemakaian Air :



14

Untuk melakukan input data tekan tombol kemudian isikan data sesuai dengan

form yang ditampilkan, setelah itu tekan tombol untuk meyimpannya.

Berikut adalah tampilan form Pemakaian Air :

4.6 Halaman Laporan

Halaman menampilkan informasi dari kolom SKPD, bulan, listrik (pemakaian (kWh),

biaya), BBM (pemakaian (liter), biaya), BBG (pemakaian (kg), biaya), Air (pemakaian

(𝑚2), biaya) dan dapat dicetak data keseluruhan.



15

Dalam menu laporan dilengkapi dengan menu filter. Berikut ini adalah deretan

beberapa menu filter yang akan memudahkan penelompokan data :

Untuk menampilkan laporan data pemakaian energi berdasarkan tahun, jenis energi,

satuan SKPD, jenis laporan, arahkan kursor pada menu filter diatas. Untuk

mempermudah pencarian data masukan kata kunci pada kolom

kemudian tekan tombol untuk menampilkannya. Untuk mengexport data laporan

dalam format excel, tekan tombol .

4.7 Halaman Referensi

Pada menu referensi terdapat 2 (dua) sub menu yaitu manajemen user dan manajemen

referensi. Keterangan dari pengelolaan user akan dijelaskan sebagai berikut:

a. Manajemen User

Menu ini berfungsi sebagai kontrol administrator terhadap user dalam sistem.

Masing- masing user memiliki profil sendiri namun hanya administrator yang

berkewenangan menambah atau menghapus user atau data dari sistem. Sementara

user non-administrator hanya berkewenangan untuk melakukan editing dan akses



16

data tanpa merubah tata laksana informasi. Berikut adalah tampilan dari sub

menumanajemen user :

Pada sub menu manajemen user terdapat beberapa tombol aksi.

Tambah Data

Untuk menambah data user tekan tombol dan isikan data sesuai

pada form kemudian tekan tombol untuk menyimpannya. Berikut

adalah tampilan form tambah data :

Hapus Data





17



b. Manajemen Sesi

Pada halaman sub menu manajemen sesi ini berisi rekaman data penggunaan

energi dan air dari SKPD-SKPD pertahun. Berikut adalah tampilan halaman sub

menu manajemen sesi :

Pada sub menu ini dilengkapi dengan fasilitas kunci untuk membuka atau menutup

data pada tahun tertentu. Untuk mengunci data tekan tombol kemudian

tekan untuk menguncinya. Berikut adalah tampilan kotak peringatan

penguncian data :



18

4.8 Halaman Forum

Pada halaman forum memuat kumpulan forum yang dibuat oleh user baik admin

maupun SKPD.

Pada halaman forum terdiri dari beberapa aksi:

Tambah Pertanyaan Baru

Untuk menambahkan pertanyaan baru, pilih tombol kemudian akan

muncul form pertanyaan baru seperti berikut:



19

Isikan pertanyaan pada form yang sudah disediakan lalu pilih button

untuk mengirimkan pertanyaan.

Balas

Untuk membalas pertanyaan, pilih tombol kemudian isikan komentar pada

form yang muncul :

Pilih button untuk mengirimkan komentar.

Hapus

Untuk menghapus komentar maupun forum yang dibuat, pilih tombol .

Tampilkan Komentar

Untuk menampilkan komentar, pilih tombol kemudian akan

muncul tampilan komentar sebagai berikut:



20

4.9 Halaman Pengumuman

Pada halaman pengumuman terdiri dari beberapa aksi:

Tambah Data

Untuk menambahkan data baru, pilih tombol kemudian akan muncul

form tambah data baru seperti berikut:



21

Isikan data pada form yang sudah disediakan lalu tekan tombol untuk

menyimpannya.

Edit Data

Untuk melakukan edit data yang sudah di input tekan tombol ,kemudian akan

muncul form isian sebagai berikut:

Tekan tombol untuk menyimpannya.

Hapus Data





22



4.10 Halaman Running Text

Pada halaman running text terdiri dari beberapa aksi:

Tambah Data

Untuk menambahkan data baru, pilih tombol kemudian akan muncul

form tambah data baru seperti berikut:



23

Isikan data pada form yang sudah disediakan lalu tekan tombol untuk

menyimpannya.

Edit Data

Untuk melakukan edit data yang sudah di input tekan tombol ,kemudian akan

muncul form isian sebagai berikut:

Tekan tombol untuk menyimpannya.

Hapus Data





24





25

BAB IV

HALAMAN SKPD

4.1 Halaman Login SKPD

Halaman login merupakan halaman pertama untuk mengakses sistem aplikasi. Untuk

mengakses halaman Sistem Pelaporan Penghematan Energi dan Air (SPPEA) ini SKPD

diharuskan mengentrikan username dan password.

Untuk mengakses halaman skpd maka ketikkan username dan pasword kemudian tekan

tombol . Kemudian akan masuk ke halaman utama admin, dimana pada

halaman tersebut akan muncul pop up pengumuman pada aplikasi SPPEA.



26

4.2 Halaman Menu Listrik

Terdapat dua sub menu listrik yaitu sub menu Bangunan dan sub menu Pemakaian

Listrik.

a. Bangunan

Dihalaman sub menu Bangunan ini akan ditampilkan seluruh data tersimpan

mengenai luasan ruangan yang menggunakan AC dan non-AC setiap SKPD. Operator

SKPD dapat melihat, mengubah, menambah, serta menghapus data.

Pada halaman ini terdapat 4 (empat) aksi yaitu:

Tambah Data

Untuk menambah data user harus mengisi form input bangunan dengan

menekan tombol kemudian isi form :



27

Setelah selesai mengisikan form tersebut maka tekan tombol untuk

menyimpannya.

Edit Data

Untuk melakukan edit data yang sudah di input tekan tombol ,kemudian

akan muncul form isian sebagai berikut:

Untuk menyimpan data terbaru tekan tombol . Jika

menginginkan kembali pada data sebelumnya tekan tombol .

Hapus Data







28

Pencarian Data

Menu pencarian data digunakan dengan memasukkan keyword/kata kunci yang

dalam kolom pencarian kemudian tekan tombol

. Untuk memudahan pencarian terdapat pula menu filter berdasarkan

kategori. Berikut adalah penampilannya :

b. Pemakaian Listrik

Dihalaman ini akan ditampilkan rekaman data pemakaian listrik seluruh SKPD.

Terdapat beberapa kriteria (efisien, cukup efisien, boros, sangat boros) untuk

memudahkan monitoring penggunaan listrik serta merencanakan tindakan

selanjutnya.

Untuk melakukan edit data maka tekan tombol , kemudian akan masuk pada

form input pengisian data lalu tekan tombol. Untuk tampilannya form input

Pemakaian Listrik sebagai berikut:



29

4.3 Halaman Menu BBM

Menu ini berisikan tentang data inventarisasi kendaraan bermotor milik dinas beserta

keterangan jenis kendaraan, jumlah, pemakaian BBM, serta besarnya biaya yang

digunakan. Karena sifatnya monitoring maka pada menu ini hanya memiliki tombol aksi

edit data.

Untuk melakukan perubahan pada data yang sudah di input tekan tombol , setelah

selesai mengisi form tersebut tekan tombol untuk menyimpannya. Berikut

adalah tampilan form BBM :



30

Dihalaman ini juga dilengkapi tombol filter berdasarkan tahun produksi dan jenis

kendaraan untuk mempermudah pengelompokan data. Untuk mengoperasikannya

cukup dengan mengarahkan kursor ke kolom filter. Berikut ini adalah tampilan

filternya:

4.4 Halaman Menu BBG

Pada halaman menu BBG berisikan data pemakaian BBG berdasarkan jumlah dan

besaran baiayanya. Di menu ini hanya terdapat tombol aksi edit untuk melakukan input

data.



31

Untuk melakukan input data tekan tombol , isikan data sesuai form yang

ditampilkan dan tekan tombol untuk menyimpannya. Berikut adalah tampilan

form pemakaian BBG :

4.5 Halaman Menu Air

Dihalaman menu ini terdapat dua sub menu, yaitu sub menu Sumur dan sub menu

Pemakaian air. Pembedan menjadi dua sub menu ini untuk memudahkan input data

pemakaian air berdasarkan sumbernya, yatiu air sumur atau air PDAM.

a. Sumur



32

Di sub menu ini berisi tentang berapa banyak sumber air yang berasal dari sumber

air sumur. Setelah mengisi form tersebut tekan tombol untuk

menyimpannya. Berikut adalah tampilan form sumur :

b. Pemakaian Air

Di sub menu Pemakaian Air ini berisikan jumlah pemakaian air PDAM dalam satuan

(m3) dan besaran biaya yang dikeluarkan. Berikut adalah tampilan menu Pemakaian

Air :



33

Untuk melakukan edit data tekan tombol kemudian isikan data sesuai dengan

form yang ditampilkan, setelah itu tekan tombol untuk menyimpannya.

Berikut adalah tampilan form Pemakaian Air :

Untuk mencari data cukup memasukkan keyword/kata kunci di kolom pencarian

kemudian tekan untuk menampilkaan hasil pencarian.

4.6 Halaman Menu Laporan

Pada menu ini berisikan keseluruhan data pemakaian energi (listrik, BBM, BBG, dan air)

tiap SKPD dalam setiap bulannya. Karena data ini bersifat monitoring maka dimenu ini

memiliki tombol print untuk mencetaknya. Berikut adalah tampilan menu Laporan :



34

Dalam menu laporan dilengkapi dengan menu filter. Untuk menampilkan laporan data

pemakaian energi berdasarkan tahun, jenis energi, jenis laporan, arahkan kursor pada

menu filter berikut ini;

Untuk mempermudah pencarian data masukan kata kunci pada kolom pencarian

kemudian tekan tombol . Untuk mengexport data

laporan dalam format excel, tekan tombol .

4.7 Halaman Forum

Pada halaman forum memuat kumpulan forum yang dibuat oleh user baik admin

maupun SKPD.

Pada halaman forum terdiri dari beberapa aksi:

Tambah Pertanyaan Baru

Untuk menambahkan pertanyaan baru, pilih tombol kemudian akan

muncul form pertanyaan baru seperti berikut:



35

Isikan pertanyaan pada form yang sudah disediakan lalu pilih button

untuk mengirimkan pertanyaan.

Balas

Untuk membalas pertanyaan, pilih tombol kemudian isikan komentar pada

form yang muncul :

Pilih button untuk mengirimkan komentar.

Hapus

Untuk menghapus komentar maupun forum yang dibuat, pilih tombol .

Tampilkan Komentar

Untuk menampilkan komentar, pilih tombol kemudian akan

muncul tampilan komentar sebagai berikut:



36

daftar isi - sppea.jogjaprov.go.id panduan aplikasi sppea.pdf · mudah dalam melakukan pencarian...

Documents