Rancang Bangun Menu Report dan Hak Akses pada Website BSA Portal di BSA Land

(1)

Hak cipta dan penggunaan kembali:

Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli.

Copyright and reuse:

This license lets you remix, tweak, and build upon work

non-commercially, as long as you credit the origin creator

and license it on your new creations under the identical

terms.

(2)

BAB III

PELAKSANAAN KERJA MAGANG

3.1 Kedudukan dan Koordinasi

Kerja magang di BSA Land berlangsung di departemen HRD, GA & IT Support. Selama kerja magang, pengerjaan proyek dibantu oleh semua anggota IT Support dan berkoordinasi dengan bagian HRD. Setiap hari pengerjaan proyek magang didampingi oleh Bapak Harri sebagai IT Staff mengenai bagian teknis pemrograman, dan juga melakukan koordinasi dengan bagian HRD untuk memahami report yang akan dibuat dalam website. Koordinasi dengan bagian HRD dan juga Bapak Harri dilakukan secara langsung pada saat jam kerja. Setelah tugas selesai dikerjakan, hasil pekerjaan ditampilkan kepada Ibu Endah, anggota HRD, dan semua anggota IT Support.

3.2 Tugas yang Dilakukan

Tugas yang dilakukan selama kerja magang yang berlangsung pada tanggal 5 Maret 2018 sampai dengan 4 Mei 2018 dapat dilihat pada Tabel 3.1.

Tabel 3.1 Tugas yang Dikerjakan Selama Kerja Magang

Minggu ke - Tugas yang dikerjakan

1 Merancang alur dari menu hak akses, memahami tabel yang akan digunakan, dan membuat menu hak akses

2 Membuat menu hak akses dan memahami tamplate report untuk direksi

3 Membuat menu report yang berada pada menu Execituve Information System

4 Presentasi hasil kerja kepada anggota-anggota HRD dan IT, dan juga melakukan revisi yang didapat pada saat presentasi 5 Membuat menu monthly report yang menjadi sub dari menu

Executive Information System

(3)

Tabel 3.1 Tugas yang Dikerjakan Selama Kerja Magang (Lanjutan)

Minggu ke - Tugas yang dikerjakan

6 Merapikan fitur export to excel serta merapikan tabel yang ada di menu report

7 Membuat resources (semua aset) dari website BSA Portal menjadi lokal, dan memperaiki menu struktur organisasi 8 Presentasi hasil kerja kepada anggota HRD dan IT, lalu

melakukan revisi setelah presentasi dan juga testing

9 Melakukan update tugas yang telah dikerjakan ke website BSA Portal yang production

Pada minggu pertama, dilakukan pengenalan terhadap suasana kantor dan para karyawan yang ada di kantor tersebut. Pada minggu ini juga diberikan pengenalan terhadap tugas yang akan dikerjakan, yaitu menu hak akses dan menu report.

Setelah pengenalan tugas, baru dimulai perancangan alur dari menu hak akses dan memahami tabel-tabel yang digunakan.

Pada minggu kedua, mulai dibuat menu hak akses sesuai dengan tamplate website BSA Portal dan mulai memperlajari template report untuk direksi. Pada minggu ini juga ikut membantu acara pengambilan Nomor Urut Pembelian (NUP) untuk mempersiapkan launching yang diadakan oleh perusahaan.

Pada minggu ketiga, dibuat menu report yang terdiri dari kategori Statistik Karyawan per Golongan dan Status, Statistik Karyawan Per PT dan Status, Statistik Biaya Medis per PT, dan Statistik Karyawan DLK per Bulan. Masing-masing kategori dapat ditampilkan dalam bentuk tabel dan juga chart.

Pada minggu keempat, dilakukan presentasi hasil kerja kepada anggota HRD dan IT. Setelah presentasi, dilakukan perbaikan terhadap revisi yang diberikan pada saat presentasi.

(4)

Pada minggu kelima, dibuat menu monthly report yang ditujukan bagi komisaris. Menu tersebut berada pada menu utama Execituve Information System.

Pada minggu keenam, dilakukan perbaikan terhadap fungsi export to excel yang terdapat di menu report. Pada minggu ini juga merapikan tampilan tabel yang ada di menu report.

Pada minggu ketujuh, dilakukan perbaikan pada resouces website BSA Portal menjadi lokal. Perbaikan tersebut dilakukan pada asset-asset yang digunakan oleh website ini, seperti icon, gambar, file .css, dan file .js. Jika terdapat asset yang diambil dari internet maka asset tersebut disimpan secara lokal di directory website BSA Portal. Perbaikan resources tersebut dilakukan untuk mempercepat jalannya website BSA Portal. Pada minggu ini juga dilakukan perbaikan menu struktur organisasi.

Pada minggu kedelapan, dilakukan presentasi kembali untuk menampilkan hasil dari revisi setelah presentasi pertama kali. Setelah presentasi, dilakukan perbaikan terhadap revisi yang didapat pada saat presentasi kedua dan juga melakukan testing setelah selesai mengerjakan revisi.

Pada minggu kesembilan, melakukan update hasil pekerjaan ke website BSA Portal production. Sebelum kerja magang selesai, semua yang telah dikerjakan dijelaskan kepada IT Staff yang akan bertanggung jawab terhadap website BSA Portal.

3.3 Uraian Pelaksanaan Kerja Magang

Adapun uraian pelaksanaan kerja magang adalah sebagai berikut.

(5)

3.3.1 Perancangan Menu

Perancangan menu dibagi menjadi dua, yaitu sebagai berikut.

A. Hak Akses

Hak akses digunakan untuk membatasi akses user terhadap suatu halaman.

Pengaturan hak akses pada website BSA Portal ditentukan melalui role yang diberikan kepada masing-masing orang.

1. Flowchart

Pada bagian ini, flowchart yang dijelaskan pada menu hak akses adalah Role Management, Role Access Management, dan Menu Management.

a) Flowchart Role Management

Pada halaman Role Management akan ditampilkan tabel yang berisi Role ID, Role Name, Access Level, Is Active, Created At, Created By, Created Location, Updated At, Updated By, Updated Location, dan Actions. Jika ingin menambahkan role baru, dapat menekan button add yang berada disebelah kanan di atas tabel.

Setelah itu akan muncul modal yang berisi form untuk memasukkan data role yang ingin dibuat. Setelah selesai memasukkan data role, role dapat disimpan dengan menekan button add. Jika ingin mengubah role, dapat menekan button dengan icon pensil yang berada di kolom paling kanan tabel. Setelah itu akan ditampilkan modal yang berisi form untuk menampilkan data role, lalu data role yang telah diubah dapat disimpan dengan menekan button save. Jika ingin menghapus role, dapat dilakukan dengan menekan button dengan icon trash, lalu akan ditampilkan konfirmasi untuk menghapus role. Tabel yang digunakan pada Role Management adalah tabel role_access dan Organisasi. Flowchart dari Role Management diperlihatkan pada Gambar 3.2.

(6)

Gambar 3.1 Flowchart Role Management

b) Flowchart Role Access Management

Pada halaman Role Access Management akan ditampilkan tabel yang berisi No, Menu Name, Menu Parent, Category Menu, dan check box. Sebelum menampilkan tabel yang berisi hak akses role terhadap menu, perlu memilih role yang ingin ditampilkan terlebih dahulu pada combo box role. Pada kolom tabel yang paling kanan, terdapat check box yang digunakan untuk menentukan role diberikan akses

(7)

terhadap menu yang dipilih atau tidak. Setelah menentukan hak akses bagi role, data dapat disimpan dengan menekan button save yang berada di atas tabel sebelah kanan. Flowchart dari Role Access Management diperlihatkan pada Gambar 3.3.

Start

End Menampilkan data

Role

Memilih role

Menampilkan data Role Access

Input data yang diubah Ubah data role

access?

role_access

user_access

menu

Mengubah data

Tidak

Ya Klik save? Ya

Tidak

Gambar 3.2 Flowchart Role Access Management

c) Menu Management

Pada halaman Menu Management akan ditampilkan tabel yang berisi Menu ID, Menu Name, Menu Parent, Url, Index, Menu Type, Active, dan Action. Jika ingin menambahkan menu baru, dapat menekan button add yang berada disebelah kanan

(8)

di atas tabel. Setelah itu akan muncul modal yang berisi form untuk memasukkan data menu yang ingin dibuat. Setelah selesai memasukkan data menu, menu dapat disimpan dengan menekan button add. Jika ingin mengubah menu, dapat menekan button dengan icon pensil yang berada di kolom paling kanan tabel. Setelah itu akan ditampilkan modal yang berisi form untuk menampilkan data menu, lalu data menu yang telah diubah dapat disimpan dengan menekan button save. Flowchart dari Menu Management diperlihatkan pada Gambar 3.4.

Start

menu

Tambah menu?

Ubah menu?

Input data yang ditambah

Input data yang diubah

Menambah data

Mengubah data menu

Tidak

Ya

Ya Klik save?

Klik add? Ya

Ya Tidak

Tidak

Gambar 3.3 Flowchart Menu Management

(9)

2. Database Schema

Berikut adalah database schema dari tabel-tabel yang digunakan dalam menu hak akses.

menu

Organisasi

role_access tr_login

user_access menu_id PK

menu_name

menu_parent

url menu_index

menu_type

flag_active

KodeParent PK

NoAkun

Unit KodeOrganisasi PK

NamaOrganisasi

NamaTampilan

Staff ExecuteTrigger

Owner

Keterangan role_id PK

role_name

kode_parent kode_organisasi

flag_active created_at

created_by

created_location

updated_by updated_at

updated_location

userLogin PK

password

lastSessionID

lastLoginTime isActive

birthPlace

birthDate email

generatedPassword moduleRoleID

counterPassword

lock phoneNumber

loginStatus

device accessAdmin id

PK

role_id menu_id

views created_at

created_by

created_location updated_at

updated_by

updated_location

Gambar 3.4 Database Schema menu Hak Akses

3. Struktur Tabel

Berikut adalah struktur dari tabel yang digunakan dalam menu hak akses.

(10)

a) Tabel menu

Primary Key : menu_id.

Foreign Key : -

Fungsi : Menyimpan data menu yang ada pada website BSA Portal.

Tabel 3.2 Struktur Tabel menu

Nama Kolom Tipe Data Keterangan

menu_id Int not null

menu_name Varchar(100)

menu_parent Int

url Varchar(255)

menu_index Int

menu_type Int

flag_active Int

b) Tabel user_access Primary Key : id.

Foreign Key : menu_id, role_id.

Fungsi : Menyimpan data akses menu bagi role.

Tabel 3.3 Struktur Tabel user_access

id Int not null

role_id Int not null

menu_id Int not null

views Int

created_at Datetime

created_by Varchar(255)

created_location Varchar(50)

updated_at Datetime

updated_by Varchar(50)

updated_location Varchar(255)

(11)

c) Tabel role_access

Primary Key : role_id.

Foreign Key : kode_parent, kode_organisasi.

Fungsi : Menyimpan data role yang telah dibuat.

Tabel 3.4 Struktur Tabel role_access

role_id Int not null

role_name Varchar(50)

kode_parent Varchar(5) kode_organisasi Char

flag_active Int

created_at Datetime

created_by Varchar(255)

created_location Varchar(50)

updated_at Datetime

updated_by Varchar(50)

updated_location Varchar(255)

d) Tabel tr_login

Primary Key : userLogin.

Foreign Key : userLogin, moduleRoleID.

Fungsi : menampilkan data akun karyawan pada website BSA Portal.

Tabel 3.5 Struktur Tabel tr_login

userLogin Varchar(10) not null

password Varchar(255)

lastSessionID Varchar(50) lastLoginTime Datetime

isActive Bit not null

Birthplace Varchar(50)

(12)

Tabel 3.5 Struktur Tabel tr_login (Lanjutan)

loginStatus Int

Device Varchar(150)

accessAdmin Int not null

birthdate Datetime

Email Varchar(50)

generatedPassword Varchar(255)

moduleRoleID Int

counterPassword Int

Lock Bit

phoneNumber Varchar(20) e) Tabel Organisasi

Primary Key : KodeParent, KodeOrganisasi.

Foreign Key : -

Fungsi : menyimpan daftar department yang ada di perusahaan.

Tabel 3.6 Struktur Tabel Organisasi

KodeParent Varchar(20) not null KodeOrganisasi Char(1) not null

NoAkun Varchar(15)

Unit Varchar(100)

NamaOrganisasi Varchar(25) NamaTampilan Varchar(25)

Staff Tinyint

ExecuteTrigger Tinyint

Owner Char(1)

Keterangan Varchar(50)

(13)

4. Mockup

Rancangan antarmuka dari halaman-halaman dalam menu hak akses adalah sebagai berikut.

a) Mockup Role Management

Halaman Role Management didesain sesuai dengan tamplate yang sudah ada.

Pada bagian content terdapat tabel yang menampilkan data role. Di atas tabel sebelah kanan terdapat button add yang digunakan untuk menambah role, dan tombol untuk mengubah dan menghapus role berada di kolom terakhir pada tabel.

Mockup Role Management diperlihatkan pada Gambar 3.5.

Gambar 3.5 Mockup Role Management

Modal Tambah Role menampilkan form yang berisi input text Nama Role dan di bawahnya terdapat check box untuk menentukan role aktif atau tidak. Tombol Add dan Cancel diletakkan pada bagian paling bawah form yang berada di bawah check box. Pada bagian header ditampilkan title modal Tambah Role. Mockup dari modal Tambah Role diperlihatkan pada Gambar 3.6.

(14)

Gambar 3.6 Mockup Modal Tambah Role

Modal Edit Role memiliki 2 bagian, yaitu header dan body. Pada bagian header ditampilkan title modal, yaitu Edit Role. Bagian body berisi form yang memiliki 4 field, 2 input text untuk Role ID dan Rone Name, 1 select box untuk Access Level, dan 1 check box untuk menentukan role aktif atau tidak. Pada bagian akhir form terdapat 2 tombol, yaitu Save dan Cancel yang berada di bawah check box. Mockup dari modal Edit Role diperlihatkan pada Gambar 3.7.

Gambar 3.7 Mockup Modal Edit Role

b) Mockup Role Access Management

Halaman Role Access Management didesain sesuai dengan tamplate website admin BSA Portal. Pada bagian content terdapat tabel yang menampilkan data hak

(15)

akses role terhadap menu. Di atas tabel sebelah kiri terdapat combo box untuk memilih role yang ingin ditampilkan. Di atas tabel sebelah kanan terdapat button save yang digunakan untuk menyimpan data hak akses role terhadap menu. Mockup Role Access Management diperlihatkan pada Gambar 3.8.

Gambar 3.8 Mockup Role Access Management

c) Mockup Menu Management

Halaman Menu Management didesain sesuai dengan tamplate website admin BSA Portal. Pada bagian content terdapat tabel yang menampilkan data menu. Di atas tabel sebelah kanan terdapat button add yang digunakan untuk menambah menu, dan button untuk mengubah menu berada di kolom terakhir pada tabel.

Mockup Menu Management diperlihatkan pada Gambar 3.9.

(16)

Gambar 3.9 Mockup Menu Management

Modal Tambah Menu menampilkan form yang berisi 3 input text, 2 select box, 1 check box, dan 2 tombol. Input text terdiri dari Menu Name, Url, dan Index. Select box terdiri dari Menu Parent dan Menu Type. Terdapat tombol Add dan Cancel yang berada di bawah check box Flag Active. Mockup dari modal Tambah Menu diperlihatkan pada Gambar 3.10.

Gambar 3.10 Mockup Modal Tambah Menu

Modal Edit Menu menampilkan form yang memiliki 6 field dan 2 tombol. Field yang terdapat pada modal ini sama seperti field yang berada di modal Tambah

(17)

Menu. Pada bagian akhir form terdapat 2 tombol, yaitu Save dan Cancel yang berada di bawah check box. Mockup dari modal Edit Menu diperlihatkan pada Gambar 3.11.

Gambar 3.11 Mockup Modal Edit Menu

B. Report

Menu report digunakan untuk menampilkan data-data yang telah diolah bersasarkan kategori-kategori tertentu. Data yang ditampilkan dalam report disesusaikan dengan periode waktu yang dipilih. Berikut adalah rancangan dari menu report.

1. Flowchart

Berikut adalah flowchart dari halaman-halaman yang termasuk dalam menu report.

a) Flowchart Statistik Karyawan Per Golongan dan Status

Pada halaman Statistik Karyawan per Golongan dan Status, ditampilkan tabel yang berisi No, Golongan, L Tetap, P Tetap, L Kontrak, P Kontrak, L Total, P Total, dan Total. Saat membuka halaman, tabel langsung ditampilkan dengan periode

(18)

waktu bulan dan tahun sekarang. Jika ingin melihat statistik pada periode waktu yang lain, dapat dilakukan dengan mengganti bulan dan tahun dan setelah itu menekan button tampilkan. Tabel akan berisi data statistik sesuai dengan periode waktu yang sudah dipilih. Tabel yang ditampilkan juga dapat di export menjadi file excel dengan cara menekan button Export to Excel yang berada di atas tabel sebelah kanan. Tabel yang digunakan pada Statistik Karyawan Per PT dan Status adalah tabel Golongan, KaryawanRemkes, PT, dan Karyawan. Flowchart dari Statistik Karyawan Per Golongan dan Status diperlihatkan pada Gambar 3.12.

Start

statistik karyawan per golongan &

status hasil perhitungan dalam

bentuk tabel

Ubah periode waktu?

Input periode

waktu Karyawan

Golongan KaryawanRemke

s

PT

Ya

Tidak Menghitung statistik

sesuai dengan periode waktu

Ya

Klik tampilkan?

Tidak

Tidak Export to excel?

Membuat tabel dalam file excel ^Ya

bulan = (bulan sekarang);

tahun = (tahun sekarang);

File Excel

Gambar 3.12 Flowchart Statistik Karyawan Per Golongan dan Status

(19)

b) Flowchart Grafik Statistik Karyawan Per Golongan dan Status

Saat membuka halaman, grafik langsung ditampilkan dengan periode waktu bulan dan tahun sekarang. Jika ingin melihat grafik statistik pada periode waktu yang lain, dapat dilakukan dengan mengganti bulan dan tahun dan setelah itu menekan button tampilkan. Grafik menampilkan jumlah karyawan per jenis kelamin dan per golongan, dimana sumbu X adalah Jumlah karyawan dan Y adalah Golongan Jabatan. Tabel yang digunakan pada Grafik Statistik Karyawan Per Golongan dan Status adalah tabel Golongan, KaryawanRemkes, PT, dan Karyawan.

Flowchart dari Grafik Statistik Karyawan Per Golongan dan Status diperlihatkan pada Gambar 3.13.

Start

End Menampilkan data statistik karyawan per golongan & status hasil

perhitungan dalam bentuk bar chart (X:

gol, Y: jumlah per status)

Ubah periode waktu?

Input periode

waktu Karyawan

KaryawanRe mkes

PT

Ya

Tidak Menghitung statistik sesuai dengan periode

waktu

Klik tampilkan?

Ya

Tidak Golongan

Gambar 3.13 Flowchart Grafik Statistik Karyawan Per Golongan dan Status

(20)

c) Flowchart Statistik Karyawan Per PT dan Status

Pada halaman Statistik Karyawan per PT dan Status, ditampilkan tabel yang berisi No, PT, L Tetap, P Tetap, L Kontrak, P Kontrak, L Total, P Total, dan Total dimana L merupakan Laki-Laki dan P merupakan Perempuan. Saat membuka halaman, tabel langsung ditampilkan dengan periode waktu bulan dan tahun sekarang. Jika ingin melihat statistik pada periode waktu yang lain, dapat dilakukan dengan mengganti bulan dan tahun dan setelah itu menekan button tampilkan.

Tabel akan berisi data statistik sesuai dengan periode waktu yang sudah dipilih.

Tabel yang ditampilkan juga dapat di export menjadi file excel dengan cara menekan button Export to Excel yang berada di atas tabel sebelah kanan. Tabel yang digunakan pada Statistik Karyawan Per PT dan Status adalah KaryawanRemkes, PT, dan Karyawan. Flowchart dari Statistik Karyawan Per PT dan Status diperlihatkan pada Gambar 3.14.

(21)

Karyawan KaryawanRemke s

PT LokasiKerja

Start

End Menghitung statistik

Ubah periode waktu?

Input periode

waktu Menampilkan data

statistik karyawan per pt & status hasil

perhitungan dalam bentuk tabel

Tidak Ya

Ya

Klik tampilkan?

Tidak

File Excel

Gambar 3.14 Flowchart Statistik Karyawan Per PT dan Status

d) Flowchart Grafik Statistik Karyawan Per PT dan Status

Saat membuka halaman, grafik langsung ditampilkan dengan periode waktu bulan dan tahun sekarang dengan filter per PT. Jika ingin melihat grafik statistik pada periode waktu yang lain, dapat dilakukan dengan mengganti bulan dan tahun dan juga filter dapat diganti menjadi per lokasi jika ingin menampilkan statistik karyawan per lokasi setelah itu menekan button tampilkan untuk menampilkan grafik. Grafik menampilkan jumlah karyawan per jenis kelamin dan per PT atau

(22)

Lokasi, dimana sumbu X adalah Jumlah karyawan dan Y adalah PT atau Lokasi.

Tabel yang digunakan pada Grafik Statistik Karyawan Per PT dan Status adalah tabel LokasiKerja, KaryawanRemkes, PT, dan Karyawan. Flowchart dari Grafik Statistik Karyawan Per PT dan Status diperlihatkan pada Gambar 3.15.

Karyawan KaryawanRemke

s

PT LokasiKerja

Start

sesuai dengan periode waktu dan

filter

Ubah periode waktu?

Input periode

waktu Menampilkan data

statistik karyawan hasil perhitungan dalam stacked bar

chart

Tidak Ya

Tidak Ubah filter?

Pilih filter per PT atau Per

Lokasi Ya

Klik tampilkan?

Ya Tidak

filter = Per PT;

Gambar 3.15 Flowchart Grafik Statistik Karyawan Per PT dan Status

e) Flowchart Statistik Biaya Medis Per PT Per Bulan

Pada halaman Statistik Biaya Medis per PT Per Bulan, ditampilkan tabel yang berisi No, Perusahaan, Rawat Jalan Karyawan, Rawat Jalan Keluarga, Rawat Inap Karyawan, Rawat Inap Keluarga, Kacamata, dan Total. Saat membuka halaman, tabel langsung ditampilkan dengan periode range waktu satu tahun ke belakang sampai dengan tahun ini. Jika ingin melihat statistik pada periode waktu yang lain,

(23)

dapat dilakukan dengan mengganti bulan awal dan bulan akhir dan setelah itu menekan button tampilkan. Tabel akan berisi data statistik sesuai dengan periode waktu yang sudah dipilih. Tabel yang ditampilkan juga dapat di export menjadi file excel dengan cara menekan button Export to Excel yang berada di atas tabel sebelah kanan. Tabel yang digunakan pada Statistik Biaya Medis Per PT Per Bulan adalah tabel RawatInap, RI_Jenis, RawatInap_Detail, DokterObat, DokterObat_Jenis, KaryawanRemkes, PT. Flowchart dari Statistik Biaya Medis Per PT Per Bulan diperlihatkan pada Gambar 3.16.

DokterObat_Jen is

RawatInap

PT DokterObat

KaryawanRemke s RawatInap_Deta RI_Jenis il

Start

Menampilkan data statistik biaya medis

per pt hasil perhitungan dalam

bentuk tabel

Ubah periode waktu?

Input periode

waktu

Tidak

Ya Ya

Klik tampilkan?

Tidak

bulan awal = (bulan sekarang

- 1);

bulan akhir = (bulan sekarang);

File Excel

Gambar 3.16 Flowchart Statistik Biaya Medis Per PT Per Bulan

(24)

f) Flowchart Grafik Statistik Biaya Medis Per PT

Saat membuka halaman, grafik langsung ditampilkan dengan periode waktu bulan dan tahun sekarang. Jika ingin melihat grafik statistik pada periode waktu yang lain, dapat dilakukan dengan mengganti bulan dan tahun dan setelah itu menekan button tampilkan. Grafik menampilkan total biaya medis per PT, dimana sumbu X adalah total biaya medis dan Y adalah PT. Tabel yang digunakan pada Grafik Statistik Biaya Medis Per Bulan adalah tabel RawatInap, RI_Jenis, RawatInap_Detail, DokterObat, DokterObat_Jenis, KaryawanRemkes, PT.

Flowchart dari Grafik Statistik Biaya Medis Per Bulan diperlihatkan pada Gambar 3.17.

DokterObat_Jen is

RawatInap

PT DokterObat

KaryawanRemke s RawatInap_Deta RI_Jenis il

Start

Menampilkan data statistik biaya medis

per pt hasil perhitungan dalam bentuk stacked bar chart (X: Total biaya per kategori, Y: PT)

Ubah periode waktu?

Input periode

waktu

Tidak

Ya Ya

Klik tampilkan?

Tidak bulan = (bulan

sekarang);

Gambar 3.17 Flowchart Grafik Statistik Biaya Medis Per PT

(25)

g) Flowchart Statistik Karyawan DLK Per Bulan

Pada halaman Statistik Karyawan DLK Per Bulan, ditampilkan tabel yang berisi No, NIK, Nama Karyawan, Unit, Kota Tujuan, Tanggal Berangkat, tanggal Pulang, Uang Saku, Hotel/Kost, Tiket Pesawat, Lain-lain, dan Total. Saat membuka halaman, tabel langsung ditampilkan dengan periode range waktu satu tahun ke belakang sampai dengan tahun ini. Jika ingin melihat statistik pada periode waktu yang lain, dapat dilakukan dengan mengganti bulan awal dan bulan akhir dan setelah itu menekan button tampilkan. Tabel akan berisi data statistik sesuai dengan periode waktu yang sudah dipilih. Tabel yang ditampilkan juga dapat di export menjadi file excel dengan cara menekan button Export to Excel yang berada di atas tabel sebelah kanan. Tabel yang digunakan pada Statistik Karyawan DLK Per Bulan adalah tabel DinasLuarKota, DinasLuarKota_Detail, Organisasi, PT, KaryawanRemkes, PT, dan Karyawan. Flowchart dari Statistik Karyawan DLK Per Bulan diperlihatkan pada Gambar 3.18.

(26)

DinasLuarKota Organisasi KaryawanRemke s

Karyawan DinasLuarKota_

Detail PT

Start

Menampilkan data statistik dinas luar kota karyawan hasil perhitungan dalam

bentuk tabel

Ubah periode waktu?

Input periode

waktu

Tidak

Ya Ya

Klik tampilkan?

Tidak

bulan awal = (bulan sekarang - 1);

bulan akhir = (bulan sekarang);

File Excel

Gambar 3.18 Flowchart Statistik Karyawan DLK Per Bulan

h) Flowchart Grafik Statistik DLK Per Bulan

Ketika dibuka, halaman Grafik DLK per Bulan langsung menampilkan grafik statistik dengan periode waktu bulan dan tahun sekarang ketika dibuka. Jika ingin melihat grafik statistik pada periode waktu yang lain, dapat dilakukan dengan mengganti bulan dan tahun dan setelah itu menekan button tampilkan. Grafik menampilkan total biaya dlk per kota tujuan, dimana sumbu X adalah total biaya yang dikeluarkan untuk dinas luar kota dan Y adalah kota tujuan dinas luar kota.

Tabel yang digunakan pada Grafik Statistik DLK Per Bulan adalah tabel

(27)

DinasLuarKota, DinasLuarKota_Detail, KaryawanRemkes, PT. Flowchart dari Grafik Statistik DLK Per Bulan diperlihatkan pada Gambar 3.19

DinasLuarKota KaryawanRemke s

DinasLuarKota_

Detail PT

Start

Menampilkan data statistik dinas luar kota karyawan hasil perhitungan dalam bentuk bar chart (X:

Total Biaya, Y: Kota tujuan)

Ubah periode waktu?

Input periode

waktu

Tidak

Ya

Klik tampilkan?

Tidak bulan = (bulan

sekarang);

Gambar 3.19 Flowchart Grafik Statistik DLK per Bulan

(28)

2. Database Schema

Tabel yang berhubungan dengan menu report adalah tabel Karyawan, KaryawanRemkes, PT, Golongan, LokasiKerja, DokterObat, DokterObat_Jenis, RawatInap, RawatInap_Detail, RI_Jenis, DinasLuarKota, DinasLuarKota_Detail, dan Organisasi. Tabel Karyawan memiliki relasi one to one dengan tabel KaryawanRemkes dan one to many dengan tabel DinasLuarKota, DokterObat dan RawatInap melalui attribute NIK. Tabel DinasLuarKota memiliki relasi one to many dengan tabel DinasLuarKota_Detail melalui attribute NomorDLK. Tabel DokterObat_Jenis memiliki relasi one to many dengan tabel DokterObat melalui attribute Kategori. Tabel RawatInap_Detail memiliki relasi one to many dengan tabel RawatInap melalui attribute KodeRawatInap. Tabel RI_Jenis memiliki relasi one to many dengan tabel RawatInap_Detail melalui attribute Kategori. Tabel Golongan memiliki relasi one to many dengan tabel KaryawanRemkes melalui attribute GolonganJabatan pada tabel Golongan dan GolonganDLK pada tabel KaryawanRemkes. Tabel PT memiliki relasi one to many dengan tabel KaryawanRemkes melalui attribute PT pada tabel PT dan StatusRemkes pada tabel KaryawanRemkes. Tabel Organisasi memiliki relasi one to many dengan tabel Karyawan melalui attribute KodeParent dan KodeOrganisasi. Tabel LokasiKerja memiliki relasi one to many dengan tabel Karyawan melalui attribute LokasiKerja.

Database Schema menu report dapat dilihat pada Gambar 3.20.

(29)

Gambar 3.20 Database Schema Menu Report

(30)

3. Struktur Tabel

Tabel-tabel yang berhubungan dalam menu report memiliki struktur tabel sebagai berikut.

a) Tabel Karyawan

Primary Key : NIK

Foreign Key : JenisKelamin, Agama, StatusPerumahan,

StatusPerkawinan, GolonganDarah, StatusHubunganKerja, Transportasi, LokasiKerja, dan JenjangPendidikan.

Fungsi : Menampilkan informasi karyawan yang ada di perusahaan.

Tabel 3.7 Struktur Tabel Karyawan

NIK Varchar(10) not null

Nama Varchar(60)

Initial Varchar(15)

JenisKelamin Int

Agama Int

Alamat Varchar(200)

KodePos Varchar(6)

Telepon Varchar(25)

TempatLahir Varchar(25) TanggalLahir Datetime

NoKTP Varchar(50)

NoAstek Varchar(25)

NoPensiun Varchar(20)

NoPaspor Varchar(20)

StatusPerumahan Int StatusPerkawinan Int KepesertaanPensiun Tinyint

StatusMasuk Int

TanggalMasuk Datetime TanggalAwalPerjanjian Datetime TanggalAkhirPerjanjian Datetime TanggalDiangkat Datetime

(31)

Tabel 3.7 Struktur Tabel Karyawan (Lanjutan)

TanggalPHK Datetime

PHK Int

ExtensionTelpon Varchar(25) GolonganDarah Int

StatusHubunganKerja Int

SIM Varchar(20)

Transportasi Int

Owner Char(1)

KodeParent Varchar(20)

KodeOrganisasi Char(1)

LokasiKerja Int

NamaJabatan Varchar(100) not null GolonganJabatan Varchar(10)

StatusKerja Int

Kelas Int

ManajemenLevel Varchar(30) DateOflastUpdate Datetime UserOfLastUpdate Varchar(20)

SK Varchar(25)

Memo Tinyint

TanggalInput Datetime KodeJabatan Varchar(5) StatusJabatan Int

StatusPenempatan Int

b) Tabel KaryawanRemkes Primary Key : NIK

Foreign Key : NIK, GolonganDLK, LokasiAbsen, GolonganLembur, StatusPajak, GolonganRS, GolonganDLK,

BebanKodeParent, BebdanKodeOrganisasi, SubLokasiAbsen, StatusRemkes.

(32)

Fungsi : Menampilkan informasi hubungan karyawan dengan PT.

Tabel 3.8 Struktur Tabel KaryawanRemkes

Nama Varchar(60)

LokasiAbsen Varchar(4)

NoUrutAbsen Int

GolonganLembur Varchar(5)

BerhakLembur Tinyint

TarifHarian Money

StatusPajak Varchar(5)

GolonganRS Varchar(5)

GolonganDLK Int

Owner Char(1)

BebanKodeParent Varchar(20) not null BebanKodeOrganisasi Varchar(1) not null

PHK Int

GolonganPenggantianPulsa Varchar(30)

UOLU Varchar(20)

DOLU Datetime

SubLokasiAbsen Varchar(3)

StatusRemkes Int

Wilayah Varchar(50)

Job Int

c) Tabel PT

Primary Key : PT Foreign Key : -

Fungsi : Menampilkan informasi PT yang ada di perusahaan.

Tabel 3.9 Struktur Tabel PT

PT Int not null

NamaPT Varchar(30)

NoRekening Varchar(50)

(33)

Tabel 3.9 Struktur Tabel PT (Lanjutan)

KodePerusahaan Varchar(50)

IsOut Bit not null

d) Tabel Golongan

Primary Key : GolonganJabatan Foreign Key : -

Fungsi : Menyimpan daftar GolonganJabatan yang ada di perusahaan.

Tabel 3.10 Struktur Tabel Golongan

GolonganJabatan Int not null

e) Tabel LokasiKerja

Primary Key : LokasiKerja Foreign Key : -

Fungsi : Menyimpan daftar lokasi tempat kerja yang dimiliki perusahaan.

Tabel 3.11 Struktur Tabel LokasiKerja

LokasiKerja Int not null

f) Tabel DokterObat Primary Key : Id

Foreign Key : NIK, Kategori, JenisTarif

(34)

Fungsi : Menyimpan daftar claim obat-obatan dari karyawan.

Tabel 3.12 Struktur Tabel DokterObat

Id Int not null

TanggalPembayaran Datetime

UserID Varchar(20)

NomorUrut Int

NIK Varchar(10)

Kategori Int

StatusPasien Int

TanggalKwitansi Datetime

NilaiKwitansi Money

NilaiPenggantian Money

Owner Char(1)

NoAkun Varchar(15)

NamaPasien Varchar(30)

NamaDokter Varchar(30)

JenisTarif Varchar(5)

g) Tabel DokterObat_Jenis Primary Key : Kategori Foreign Key : JenisTarif

Fungsi : Menyimpan daftar kategori dari claim obat-obatan.

Tabel 3.13 Struktur Tabel DokterObat_Jenis

Kategori Int not null

JenisTarif Varchar(50)

Owner Varchar(5)

KodeGolongan Char(5)

(35)

h) Tabel RawatInap Primary Key : Id Foreign Key : NIK

Fungsi : Menyimpan daftar claim rawat inap dari karyawan.

Tabel 3.14 Struktur Tabel RawatInap

Id Int not null

TanggalPembayaran Datetime

UserID Varchar(20)

NIK Varchar(10)

KodeRawatInap Int

TanggalMasukRS Datetime TanggalKeluarRS Datetime NomorSuratJaminan Varchar(50) NomorRumahSakit Varchar(50)

StatusPasien Int

NamaPasien Varchar(30)

Owner Char(1)

NoAkun Varchar(15)

Tunai Bit

Persen Float

Total Money

i) Tabel RawatInap_Detail

Primary Key : KodeRawatInap Foreign Key : Kategori

Fungsi : Menyimpan daftar detail dari claim rawat inap yang diajukan karyawan.

Tabel 3.15 Struktur Tabel RawatInap_Detail

KodeRawatInap Int not null

NomorUrut Int

(36)

Tabel 3.15 Struktur Tabel RawatInap_Detail (Lanjutan)

Kategori Int

JumlahHari Float(53)

NilaiKwitansi Money

BiayaPenggantian Money

j) Tabel RI_Jenis

Primary Key : Kategori Foreign Key : -

Fungsi : Menyimpan daftar keterangan dari jenis rawat inap.

Tabel 3.16 Struktur Tabel RI_Jenis

Kategori Int not null

k) Tabel DinasLuarKota

Primary Key : NomorDLK Foreign Key : NIK

Fungsi : Menyimpan daftar dinas luar kota yang dilakukan karyawan.

Tabel 3.17 Struktur Tabel DinasLuarKota

NomorDLK Int not null

TanggalPembayaran Datetime not null

UserID Varchar(20) not null

TanggalBerangkat Datetime not null

KotaTujuan Varchar(15)

Keperluan Varchar(90)

(37)

Tabel 3.17 Struktur Tabel DinasLuarKota (Lanjutan)

TanggalPulang Datetime

Total Money

Owner Char(1)

NoAkun Varchar(15)

BonSementara Money

PembebananKhusus Bit

NoPembebanan Int

TanggalBS Datetime

TanggalPenyelesaianBS Datetime

l) Tabel DinasLuarKota_Detail Primary Key : DetailID

Foreign Key : NomorDLK, Jenis

Fungsi : Menyimpan detail dari dinas luar kota yang dilakukan karyawan.

Tabel 3.18 Struktur Tabel DinasLuarKota_Detail

DetailID Int not null

NomorDLK Int not null

NomorUrut Int

Jenis Int

JumlahHari Int

BiayaKwitansi Money

BiayaPenggantian Money

TarifPerHari Money

m) Tabel Organisasi

Primary Key : KodeParent, KodeOrganisasi Foreign Key : -

(38)

Fungsi : menyimpan daftar department yang ada di perusahaan.

Tabel 3.19 Struktur Tabel Organisasi

KodeParent Varchar(20) not null KodeOrganisasi Char(1) not null

NoAkun Varchar(15)

Unit Varchar(100)

NamaOrganisasi Varchar(25) NamaTampilan Varchar(25)

Staff Tinyint

ExecuteTrigger Tinyint

Owner Char(1)

4. Mockup

Mockup dari halaman-halaman yang terdapat dalam menu report adalah sebagai berikut.

a) Mockup Statistik Karyawan Per Golongan dan Status

Halaman Statistik Karyawan Per Golongan dan Status didesain sesuai dengan tamplate website BSA Portal. Pada bagian content terdapat keterangan periode waktu yang dipilih, dan di bawahnya terdapat combo box untuk memilih bulan dan tahun serta button tampilkan. Pada bagian content juga ditampilkan tabel yang berisi data statistik karyawan dan di atas tabel sebelah kanan juga terdapat button untuk export tabel menjadi file excel. Mockup Statistik Karyawan Per Golongan dan Status diperlihatkan pada Gambar 3.21.

(39)

Gambar 3.21 Mockup Statistik Karyawan Per Golongan dan Status

b) Mockup Grafik Statistik Karyawan Per Golongan dan Status

Halaman Grafik Statistik Karyawan Per Golongan dan Status didesain sesuai dengan tamplate website BSA Portal. Pada bagian content terdapat keterangan periode waktu yang dipilih, dan di bawahnya terdapat combo box untuk memilih bulan dan tahun serta button tampilkan. Pada bagian content juga ditampilkan grafik yang berbentuk stacked bar chart yang berisi data statistik. Mockup Statistik Karyawan Per Golongan dan Status diperlihatkan pada Gambar 3.22.

(40)

Gambar 3.22 Mockup Grafik Statistik Karyawan Per Golongan dan Status

c) Mockup Statistik Karyawan Per PT dan Status

Halaman Statistik Karyawan Per PT dan Status didesain sesuai dengan tamplate website BSA Portal. Pada bagian content terdapat keterangan periode waktu yang dipilih, dan di bawahnya terdapat combo box untuk memilih bulan dan tahun serta button tampilkan. Pada bagian content juga ditampilkan tabel yang berisi data statistik karyawan dan di atas tabel sebelah kanan juga terdapat button untuk export tabel menjadi file excel. Mockup Statistik Karyawan Per PT dan Status diperlihatkan pada Gambar 3.23.

(41)

Gambar 3.23 Mockup Statistik Karyawan Per PT dan Status

d) Mockup Grafik Statistik Karyawan Per PT dan Status

Halaman Grafik Statistik Karyawan Per PT dan Status didesain sesuai dengan tamplate website BSA Portal. Pada bagian content terdapat keterangan periode waktu yang dipilih, dan di bawahnya terdapat filter untuk memilih grafik per PT atau per Lokasi dan juga terdapat combo box untuk memilih bulan dan tahun serta button tampilkan. Pada bagian content juga ditampilkan grafik yang berbentuk stacked bar chart yang berisi data statistik. Mockup dari Grafik Statistik Karyawan Per PT dan Status dengan filter per PT diperlihatkan pada Gambar 3.24.

(42)

Gambar 3.24 Mockup Grafik Statistik Karyawan Per PT dan Status (Filter Per PT)

Tampilan ketika filter yang yang dipilih adalah per Lokasi hanya terdapat sedikit perbedaan dengan tampilan per PT, yaitu pada sumbu Y grafik sebagai lokasi. Mockup dari Grafik Statistik Karyawan Per PT dan Status dengan filter per Lokasi diperlihatkan pada Gambar 3.25.

(43)

Gambar 3.25 Mockup Grafik Statistik Karyawan Per PT dan Status (Filter Per Lokasi)

e) Mockup Statistik Biaya Medis Per PT Per Bulan

Pada bagian content Halaman Statistik Biaya Medis Per PT Per Bulan terdapat keterangan periode waktu yang dipilih, dan di bawahnya terdapat textbox dengan calendar picker untuk memilih bulan awal dan bulan akhir serta button tampilkan.

Pada bagian content juga ditampilkan tabel yang berisi data statistik karyawan dan di atas tabel sebelah kanan juga terdapat button untuk export tabel menjadi file excel. Mockup Statistik Karyawan Per PT Per Bulan diperlihatkan pada Gambar 3.26.

(44)

Gambar 3.26 Mockup Statistik Biaya Medis Per PT Per Bulan

f) Mockup Grafik Statistik Biaya Medis Per Bulan

Pada Halaman Grafik Statistik Biaya Media Per Bulan terdapat keterangan periode waktu yang dipilih, dan di bawahnya terdapat combo box untuk memilih bulan dan tahun serta button tampilkan. Pada bagian content juga ditampilkan grafik yang berbentuk stacked bar chart yang berisi data statistik. Mockup Grafik Statistik Biaya Medis Per Bulan diperlihatkan pada Gambar 3.27.

(45)

Gambar 3.27 Mockup Grafik Statistik Biaya Medis Per Bulan

g) Mockup Statistik Karyawan DLK Per Bulan

Pada bagian content halaman Statistik Karyawan DLK Per Bulan terdapat keterangan periode waktu yang dipilih, dan di bawahnya terdapat textbox dengan calendar picker untuk memilih bulan awal dan bulan akhir serta button tampilkan.

Pada bagian content juga ditampilkan tabel yang berisi data statistik karyawan yang melakukan dinas luar kota dan di atas tabel sebelah kanan juga terdapat button untuk export tabel menjadi file excel. Mockup Statistik Karyawan DLK Per Bulan diperlihatkan pada Gambar 3.28.

(46)

Gambar 3.28 Mockup Statistik Karyawan DLK Per Bulan

h) Mockup Grafik Statistik DLK Per Bulan

Pada Halaman Grafik Statistik DLK Per Bulan terdapat keterangan periode waktu yang dipilih, dan di bawahnya terdapat combo box untuk memilih bulan dan tahun serta button tampilkan. Pada bagian content juga ditampilkan grafik yang berbentuk bar chart yang berisi data statistik. Mockup Grafik Statistik DLK Per Bulan diperlihatkan pada Gambar 3.29.

(47)

Gambar 3.29 Mockup Grafik Statistik DLK Per Bulan 3.3.2 Implementasi

Berikut adalah hasil dari implementasi perancangan pada menu hak akses dan report.

1. Hak Akses

Menu hak akses digunakan untuk mengatur akses user terhadap menu yang ada pada website BSA Portal. Halaman yang telah dibuat untuk menu ini adalah Role Management, Role Access Management, dan Menu Management. Hasil akhir dari halaman tersebut dapat dilihat pada penjelasan di bawah.

a) Role Management

Halaman ini digunakan untuk mengatur role dari pengguna website, seperti menambahkan role baru, mengubah role, dan juga menghapus role. Setiap karyawan akan memiliki role-nya masing-masing sesuai dengan yang telah

(48)

ditentukan pada halaman User Management. Tabel yang ditampilkan berbentuk pagination agar mudah untuk melihat data, dan juga terdapat kotak search untuk membantu pencarian data. Halaman Role Management diperlihatkan pada Gambar 3.30.

Gambar 3.30 Tampilan Role Management

Jika ingin menambahkan role, dapat dilakukan dengan menekan tombol Add Role, setelah itu akan tampil modal Tambah Role. Pada modal Tambah Role terdapat 2 field, yaitu input text Nama Role dan check box Aktif. Setelah Nama Role diisi dan status aktif atau tidaknya sudah ditentukan, dapat menambah role dengan menekan tombol Add. Modal Tambah Role diperlihatkan pada Gambar 3.31.

(49)

Gambar 3.31 Tampilan Modal Tambah Role

Jika ingin mengubah role, dapat dilakukan dengan menekan tombol dengan icon pensil yang berada di kolom Actions. Kemudian modal Edit Role yang menampilkan field yang telah berisi data role yang ingin diubah akan ditampilkan.

Terdapat 4 field pada modal ini, yaitu Role ID, Role Name, Access level dan check box Aktif. Dari keempat field tersebut, field Role ID tidak dapat diubah dan 3 lainnnya dapat diubah. Untuk menyimpan data role yang telah diubah dapat dilakukan dengan menekan tombol Save. Modal Edit Role diperlihatkan pada Gambar 3.32.

(50)

Gambar 3.32 Tampilan Modal Edit Role

Tombol berwarna merah dengan icon trash yang berada di sebelah kanan tombol untuk mengubah role digunakan untuk menghapus role yang telah dipilih.

Ketika ingin menghapus role akan muncul modal konfirmasi sebelum menghapus role yang dipilih. Tombol delete digunakan untuk menghapus role dan tombol Cancel digunakan jika tidak jadi menghapus role. Modal konfirmasi untuk menghapus role diperlihatkan pada Gambar 3.33.

Gambar 3.33 Tampilan Modal Hapus Role

(51)

b) Role Access Management

Halaman ini digunakan untuk mengatur hak akses role terhadap menu. Check box di kolom paling kanan berfungsi untuk menentukan apakah role memiliki hak akses atas menu tersebut atau tidak. Setelah itu, untuk menyimpan data dapat dilakukan dengan menekan button save. Tampilan halaman Role Access Management dapat dilihat pada Gambar 3.34.

Gambar 3.34 Tampilan Role Access Management

c) Menu Management

Halaman ini digunakan untuk mengatur menu yang ada dalam website BSA Portal. Menu yang telah dibuat dapat didaftarkan pada halaman ini agar dapat ditampilkan pada navigation bar di website BSA Portal. Pada halaman ini, dapat dilakukan tambah menu dan juga edit menu. Format bagi Url adalah [NamaController]/[NamaFunction], jika menu tersebut memiliki type 0 berarti url menu tersebut dapat diisi dengan lambang hashtag ( # ). Filed flag active berfungsi untuk menentukan apakah menu tersebut ditampilkan atau tidak. Halaman Menu Management diperlihatkan pada Gambar 3.35.

(52)

Gambar 3.35 Tampilan Menu Management

Modal Tambah Menu akan ditampilkan ketika tombol Add Menu ditekan. Pada modal ini terdapat form yang terdiri dari 6 field dan 2 tombol, yaitu Menu Name, Menu Parent, Url, Index, Menu Type, Flag Active, tombol Add dan tombol Cancel.

Setelah semua field diisi, tombol Add dapat ditekan untuk menambahkan menu, jika menu berhasil ditambahkan maka akan muncul di tabel yang menampilkan daftar menu-menu. Modal tambah menu diperlihatkan pada Gambar 3.36.

Gambar 3.36 Tampilan Modal Tambah Menu

(53)

Modal Edit Menu akan ditampilkan ketika tombol dengan icon pensil yang berada di kolom paling kanan ditekan. Ketika modal ini tampil, field-field yang berada di modal ini akan terisi data sesuai dengan menu yang telah dipilih untuk di- edit. Data dari menu tersebut dapat diubah dan kemudian menekan tombol Save untuk menyimpannya. Modal edit menu diperlihatkan pada Gambar 3.37.

Gambar 3.37 Tampilan Modal Edit Menu

2. Report

Menu report digunakan untuk menampilkan laporan-laporan yang dibutuhkan direksi. Dalam menu ini terdapat 2 model laporan, yaitu dalam bentuk tabel dan dalam bentuk chart. Hasil akhir dari halaman yang menampilkan laporan tersebut dapat dilihat pada penjelasan di bawah.

a) Statisik Karyawan Per Golongan dan Status

Pada Halaman ini ditampilkan tabel yang berisi jumlah karyawan setiap golongan jabatan berdasarkan jenis kelamin dan berdasarkan status karyawan

(54)

tersebut kontrak atau tetap. Jika ingin menyimpan tabel dalam file excel dapat menekan button Export to Excel, dan tabel statistik akan tersimpan. Statistik Karyawan Per Golongan dan Status dapat dilihat pada Gambar 3.38.

Gambar 3.38 Tampilan Statistik Karyawan Per Golongan dan Status

b) Grafik Statisik Karyawan Per Golongan dan Status

Pada Halaman ini ditampilkan grafik berupa stacked bar chart yang terdiri dari golongan jabatan pada sumbu Y dan jumlah karyawan per status kontrak atau tetap pada sumbu X. bar dengan warna biru mewakili jumlah karyawan tetap, dan bar

(55)

dengan warna ungu mewakili jumlah karyawan kontrak. Data tersebut dihitung berdasarkan periode waktu yang dipilih. Halaman Grafik Statistik Karyawan Per Golongan dan Status dapat dilihat pada Gambar 3.39.

Gambar 3.39 Tampilan Grafik Statistik Karyawan Per Golongan dan Status

c) Statisik Karyawan Per PT dan Status

Pada Halaman ini ditampilkan tabel yang berisi jumlah karyawan setiap PT berdasarkan jenis kelamin dan berdasarkan status karyawan tersebut kontrak atau tetap. Jika ingin menyimpan tabel dalam file excel dapat menekan button Export to Excel, dan tabel statistik akan tersimpan. Halaman Statistik Karyawan Per PT dan Status dapat dilihat pada Gambar 3.40.

(56)

Gambar 3.40 Tampilan Statistik Karyawan Per PT dan Status

d) Grafik Statisik Karyawan Per PT dan Status

Pada Halaman ini memiliki 2 kategori, yaitu menampilkan data per PT atau per Lokasi. Halaman ini menampilkan grafik berupa stacked bar chart yang terdiri dari PT atau Lokasi pada sumbu Y dan jumlah karyawan per status kontrak atau tetap pada sumbu X. bar dengan warna biru mewakili jumlah karyawan tetap, dan bar dengan warna ungu mewakili jumlah karyawan kontrak. Data tersebut dihitung

(57)

berdasarkan periode waktu yang dipilih. Ketika filter diganti, halaman akan melakukan request dengan ajax untuk mendapatkan data dan ketika sudah mendapat data, data akan ditampilkan pada grafik yang seusai dengan filter. Pada grafik dengan filter per PT, data yang ditampilkan adalah PT yang terdapat di BSA Land dan jumlah karyawan pada masing-masing PT. Halaman Grafik Statistik Karyawan Per PT dan Status dengan filter per PT dan dengan filter per Lokasi dapat dilihat pada Gambar 3.41.

Gambar 3.41 Tampilan Grafik Statistik Karyawan Per PT dan Status (Filter Per PT)

(58)

Pada grafik dengan filter per Lokasi, data yang ditampilkan adalah Lokasi kerja yang ada di BSA Land sebagai sumbu Y dan jumlah karyawan pada setiap lokasi sebagai sumbu X. Halaman Grafik Statistik Karyawan Per PT dan Status dengan filter per Lokasi dapat dilihat pada Gambar 3.42.

Gambar 3.42 Tampilan Grafik Statistik Karyawan Per PT dan Status (Filter Per Lokasi)

e) Statisik Biaya Medis Per PT Per Bulan

Pada Halaman ini ditampilkan tabel yang berisi biaya medis yang di kalim oleh karyawan pada setiap PT. Biaya medis dibagi dalam beberapa kategori, yaitu rawat jalan karyawan, rawat jalan keluarga, rawat inap karyawan, rawat inap keluarga,

(59)

kacamata, dan total biaya medis. PT yang ditampilkan pada tabel hanya PT yang memiliki jumlah total pengeluaran biaya medis lebih dari 0. Jika ingin menyimpan tabel dalam file excel dapat menekan button Export to Excel, dan tabel statistik akan tersimpan. Halaman Statistik Biaya Medis Per PT Per Bulan dapat dilihat pada Gambar 3.43.

Gambar 3.43 Tampilan Statistik Biaya Medis Per PT Per Bulan

f) Grafik Statisik Biaya Medis Per Bulan

Pada Halaman ini ditampilkan grafik berupa stacked bar chart yang terdiri dari PT pada sumbu Y dan jumlah biaya medis pada sumbu X. Bar dengan warna biru mewakili jumlah biaya rawat jalan, bar dengan warna ungu mewakili jumlah biaya rawat inap, dan bar dengan warna merah mewakili jumlah biaya kacamata. Data

(60)

tersebut dihitung berdasarkan periode waktu yang dipilih. Halaman Grafik Statistik Biaya Medis Per PT Per Bulan dapat dilihat pada Gambar 3.44.

Gambar 3.44 Tampilan Grafik Statistik Biaya Medis Per Bulan

g) Statisik Karyawan DLK Per Bulan

Pada Halaman ini ditampilkan tabel yang berisi biaya dinas luar kota yang dilakukan karyawan pada periode waktu yang dipilih. Biaya dinas luar kota dibagi dalam beberapa kategori, yaitu uang saku, hotel/kost, tiket pesawat, lain-lain, dan total. Jika ingin menyimpan tabel dalam file excel dapat menekan button Export to Excel, dan tabel statistik akan tersimpan. Halaman Statistik Karyawan DLK Per Bulan dapat dilihat pada Gambar 3.45.

(61)

Gambar 3.45 Tampilan Statistik Karyawan DLK Per Bulan

h) Grafik Statisik DLK Per Bulan

Pada Halaman ini ditampilkan grafik berupa bar chart yang terdiri dari kota tujuan pada sumbu Y dan total biaya dinas luar kota pada sumbu X. Data tersebut dihitung berdasarkan periode waktu yang dipilih. Halaman Grafik Statistik DLK Per Bulan dapat dilihat pada Gambar 3.46.

(62)

Gambar 3.46 Tampilan Grafik Statistik DLK Per Bulan

3.3.3 Kendala yang Ditemukan

Kendala yang didapat selama kerja magang adalah sebagai berikut.

1. Terdapat data karyawan yang salah sehingga membuat hasil dari perhitungan untuk report tidak akurat.

2. Pemberian report template yang cukup lama sehingga pekerjaan menjadi tertunda.

3.3.4 Solusi dari Kendala yang Ditemukan

Berdasarkan kendala yang ditemukan, solusi yang dilakukan untuk mengatasi kendala tersebut adalah sebagai berikut.

(63)

1. Melakukan konsultasi dengan Bapak Harri dan bagian HRD untuk mencari tahu letak kesalahan dari data karyawan.

2. Rutin bertanya kepada bagian HRD mengenai template report, dan merapikan masalah teknis kecil yang ada di website BSA Portal selama menunggu template report diberikan.