LKP : Visualisasi Informasi Berbasis Web Untuk Reporting Pada Website E-Rekrutmen PT. Pelabuhan Indonesia III (Persero).

(1)

VISUALISASI INFORMASI BERBASIS WEB UNTUK

REPORTING PADA WEBSITE E-REKRUTMEN

PT.PELABUHAN INDONESIA III (PERSERO)

KERJA PRAKTEK

Oleh :

Nama

:

Rizky Yuniar Mauludi

NIM

:

10.41010.0069

Program

: S1 (Strata Satu)

Jurusan

:

Sistem Informasi

SEKOLAH TINGGI

MANAJEMEN INFORMATIKA DAN KOMPUTER

SURABAYA

(2)

i

VISUALISASI INFORMASI BERBASIS WEB UNTUK

REPORTING PADA WEBSITE E-REKRUTMEN

PT.PELABUHAN INDONESIA III (PERSERO)

KERJA PRAKTEK

Oleh :

Nama

:

Rizky Yuniar Mauludi

NIM

:

10.41010.0069

Program

: S1 (Strata Satu)

Jurusan

:

Sistem Informasi

SEKOLAH TINGGI

MANAJEMEN INFORMATIKA DAN KOMPUTER

SURABAYA

(3)

ii

VISUALISASI INFORMASI BERBASIS WEB UNTUK

REPORTING PADA WEBSITE E-REKRUTMEN

PT.PELABUHAN INDONESIA III (PERSERO)

Studi Kasus Pada PT.Pelabuhan Indonesia III (PERSERO) Kantor Pusat Surabaya

KERJA PRAKTEK

Diajukan sebagai salah satu syarat untuk menyelesaikan

Program Sarjana Sistem Informasi

Disusun Oleh :

Nama : Rizky Yuniar Mauludi

NIM : 10.41010.0069

Program : S1 (Strata Satu)

Jurusan : Sistem Informasi

SEKOLAH TINGGI

MANAJEMEN INFORMATIKA DAN KOMPUTER

SURABAYA

(4)

iii

VISUALISASI INFORMASI BERBASIS WEB

UNTUK REPORTING PADA WEBSITE E-REKRUTMEN

PT.PELABUHAN INDONESIA III (PERSERO)

KERJA PRAKTEK

Surabaya, November 2013

Disetujui :

Pembimbing,

Endra Rahmawati, M.Kom NIP. 120772

Penyelia,

Raka Rahardianto NIP. 870504732

Mengetahui :

Kaprodi S1 Sistem Informasi,

(5)

iv

Kupersembahkan untuk

Ibu, Ayah, Keluarga, Dosen, Pembimbing, Penyelia

dan Teman-teman yang telah mendukung

(6)

v

ABSTRAKSI

PT.Pelabuhan Indonesia III kantor pusat Surabaya memiliki website

e-rekrutmen yang beralamat pada http://recruitment.pp3.co.id/. Website tersebut

dapat melakukan transaksi pendaftaran calon pegawai baru serta menyimpan

data-data pribadi serta curriculum vitae peserta rekrutment ke dalam data-database

perusahaan. Namun pada website tersebut tidak terdapat sistem pelaporan yang

jelas. Oleh karena itu, pihak manajemen mengalami kesulitan dalam proses

analisa data.

Berdasarkan latar belakang permasalahan tersebut, diperlukan suatu sistem

pelaporan berbasis visual yang dapat memberikan informasi secara singkat serta

detail kepada pihak manajemen. Salah satu sistem yang dapat memberikan

informasi secara visual adalah visualisasi dalam bentuk dashboard berbasis web

pada website e-rekrutmen PT.Pelabuhan Indonesia III.

Visualisasi informasi dalam bentuk dashboard berbasis web nantinya dapat

mempermudah divisi manajemen personalia PT.Pelabuhan Indonesia III dalam hal

pengambilan keputusan. Disamping itu juga dapat melakukan proses monitoring

terhadap jumlah pelamar pegawai berdasarkan informasi pribadi, kontak, asal

tempat tinggal, histori pendidikan, histori kerja pegawai sebelumnya, dan statistik

lain yang dapat dipantau per periode pelamaran dari tahun ke tahun, serta

dilengkapi informasi berupa grafik, tabel, dan report berupa dokumen.

Kata Kunci : E-Rekrutmen, Dashboard, Visualisasi Informasi

(7)

vi

KATA PENGANTAR

Penulis bersyukur atas berkat dan bimbingan Tuhan Yang Maha Esa

sehingga penulis dapat melaksanakan dan menyelesaikan kerja praktek di PT.

Pelabuhan Indonesia III (Persero) kantor pusat Surabaya. Laporan kerja praktek

ini merupakan hasil dari kerja praktek yang penulis telah lakukan selama 1 bulan

yang merupakan syarat yang harus dipenuhi untuk menyelesaikan program studi

Strata Satu di Sekolah Tinggi Manajemen Informatika dan Komputer (STIKOM)

Surabaya.

Dalam proses kerja praktek, penulis dibantu oleh berbagai pihak. Maka

penulis ingin mengucapkan terima kasih kepada :

1. Orang tua dan keluarga tercinta yang tak henti-hentinya memberikan

dukungan dan kasih sayang.

2. Ibu Endra Rahmawati, M.Kom., sebagai dosen pembimbing dan pak Raka

Rahardianto sebagai penyelia dari PT.PELINDO III yang senantiasa

membantu dan mengarahkan penulis sehingga dapat menyelesaikan kerja

praktek ini.

3. Semua pihak yang tidak dapat kami sebutkan satu per satu yang telah

membantu dalam pembuatan laporan kerja praktek.

Semoga Tuhan Selalu memberikan berkat kepada semua pihak yang telah banyak

memberikan bantuan, bimbingan, maupun nasehat.

Penulis menyadari dalam laporan kerja praktek ini masih banyak terdapat

kekurangan. Oleh karena itu, penulis minta maaf sebesar-besarnya serta memohon

saran dan kritik yang bersifat membangun dari semua pihak untuk perbaikan

penulis di masa mendatang.

Akhir kata, penulis mengucapkan terima kasih atas perhatiannya. Semoga

laporan kerja praktek ini dapat bermanfaat bagi para pembaca.

Surabaya, November 2013

(8)

vii

DAFTAR ISI

ABSTRAKSI ... v

KATA PENGANTAR ... vi

DAFTAR ISI ... vii

1 BAB I PENDAHULUAN ... Error! Bookmark not defined.

1.1 Latar Belakang ...Error! Bookmark not defined.

1.2 Rumusan Masalah ...Error! Bookmark not defined.

1.3 Batasan Masalah ...Error! Bookmark not defined.

1.4 Tujuan ...Error! Bookmark not defined.

1.5 Manfaat ...Error! Bookmark not defined.

1.6 Sistematika Penulisan ...Error! Bookmark not defined.

2 BAB II GAMBARAN UMUM PERUSAHAAN ... Error! Bookmark not

defined.

2.1 Sejarah ...Error! Bookmark not defined.

2.2 Visi, Misi, dan Value Perusahaan ...Error! Bookmark not defined.

2.2.1 Visi ... Error! Bookmark not defined. 2.2.2 Misi ... Error! Bookmark not defined. 2.2.3 Value Perusahaan ... Error! Bookmark not defined.

2.3 Lokasi Perusahaan ...Error! Bookmark not defined.

2.4 Struktur Organisasi...Error! Bookmark not defined.

3 BAB III LANDASAN TEORI ... Error! Bookmark not defined.

3.1 Definisi Visualisasi ...Error! Bookmark not defined.

3.2 Definisi Informasi ...Error! Bookmark not defined.

3.3 Sistem Informasi ...Error! Bookmark not defined.

3.4 Karakteristik Visualisasi Informasi ...Error! Bookmark not defined.

(9)

viii

3.5.1 Diagram ... Error! Bookmark not defined. 3.5.2 Grafik ... Error! Bookmark not defined. 3.5.3 Poster ... Error! Bookmark not defined. 3.5.4 Kartun ... Error! Bookmark not defined. 3.5.5 Komik ... Error! Bookmark not defined. 3.5.6 Gambar ... Error! Bookmark not defined. 3.5.7 Bagan ... Error! Bookmark not defined.

3.6 Pengertian Dashboard ...Error! Bookmark not defined.

3.6.1 Kategori Dashboard ... Error! Bookmark not defined. 3.6.2 Elemen Desain Dashboard ... Error! Bookmark not defined.

3.7 Online Transaction Processing (OLTP) ...Error! Bookmark not defined.

3.8 Data Warehouse ...Error! Bookmark not defined.

3.8.1 Arsitektur Data Warehouse ... Error! Bookmark not defined.

3.9 Online Analytical Processing (OLAP) ...Error! Bookmark not defined.

4 BAB IV DESKRIPSI KERJA PRAKTEK ... Error! Bookmark not defined.

4.1 Analisa Sistem ...Error! Bookmark not defined.

4.2 Perancangan Sistem ...Error! Bookmark not defined.

4.2.1 System Flow ... Error! Bookmark not defined.

4.2.2 Diagram Jenjang (HIPO) ... Error! Bookmark not defined. 4.2.3 Context Diagram ... Error! Bookmark not defined.

4.2.4 Conceptual Data Model (CDM) ... Error! Bookmark not defined. 4.2.5 Physical Data Model (PDM) ... Error! Bookmark not defined. 4.2.6 Struktur Tabel ... Error! Bookmark not defined.

4.3 Kebutuhan Sistem ...Error! Bookmark not defined.

4.3.1 Hardware ... Error! Bookmark not defined. 4.3.2 Software ... Error! Bookmark not defined.

(10)

ix

4.3.3 Desain Input ... Error! Bookmark not defined. 4.3.1. Desain Output ... Error! Bookmark not defined.

4.4 Implementasi Input Output ...Error! Bookmark not defined.

4.4.1 Halaman Utama Dashboarding ... Error! Bookmark not defined. 4.4.2 Halaman Laporan ... Error! Bookmark not defined.

5 BAB V PENUTUP ... Error! Bookmark not defined.

5.1 Kesimpulan ...Error! Bookmark not defined.

5.2 Saran ...Error! Bookmark not defined.

6 DAFTAR PUSTAKA ... Error! Bookmark not defined.

7 LAMPIRAN... Error! Bookmark not defined.

7.1 Lampiran 1 Kartu Bimbingan...Error! Bookmark not defined.

7.2 Lampiran 2 Acuan Kerja ...Error! Bookmark not defined.

7.3 Lampiran 3 Garis Besar Acuan ...Error! Bookmark not defined.

7.4 Lampiran 4 Log Harian Kerja Praktek ...Error! Bookmark not defined.

7.5 Lampiran 5 Kehadiran Kerja Praktek ...Error! Bookmark not defined.

(11)

x

DAFTAR GAMBAR

Gambar 2.1 Struktur Organisasi PT.Pelindo III (Persero) . Error! Bookmark not defined. Gambar 3.1Tampilan Dashboard (Rasmussen, Chen, Bansal (2010)) .... Error! Bookmark not defined.

Gambar 3.2 Arsitektur data warehouse ETL (Kimball 2010: 517) .. Error! Bookmark not defined.

Gambar 3.3 Contoh Cube multi dimensi (doc.oracle.com)Error! Bookmark not defined. Gambar 3.4 contoh hasil yang ditampilkan berdasarkan query dari beberapa tabel .. Error! Bookmark not defined.

Gambar 4.1 System Flow mengakses menu monitoring .... Error! Bookmark not defined. Gambar 4.2 System Flow mengakses informasi lowonganError! Bookmark not defined. Gambar 4.3 Mengakses informasi umum ... Error! Bookmark not defined. Gambar 4.5 System Flow Mengakses informasi area... Error! Bookmark not defined. Gambar 4.6 System flow mengakses informasi pendidikanError! Bookmark not defined. Gambar 4.7 System flow mengakses informasi histori kerja ... Error! Bookmark not defined.

Gambar 4.8 Sysflow mengakses nilai pretest pelamar ... Error! Bookmark not defined. Gambar 4.9 Sysflow mengakses nilai global priority pelamar ... Error! Bookmark not defined.

Gambar 4.10 Diagram HIPO (Diagram Jenjang) ... Error! Bookmark not defined. Gambar 4.11 Diagram Konteks Dashboarding website e-rekrutment .... Error! Bookmark not defined.

Gambar 4.12 DFD level 0 part 1 dashboarding website e-rekrutmen PT.Pelindo III Error! Bookmark not defined.

Gambar 4.13 DFD level 0 part 2 dashboarding website e-rekrutmen PT.Pelindo III Error! Bookmark not defined.

(12)

xi

Gambar 4.17 DFD Level 1 Mengakses Informasi Area .... Error! Bookmark not defined. Gambar 4.18 DFD Level 1 Mengakses informasi histori kerja pelamar Error! Bookmark not defined.

Gambar 4.19 DFD Level 1 Mengakses informasi histori kerja ... Error! Bookmark not defined.

Gambar 4.20 DFD Level 1 Mengakses Informasi nilai pretest pelamar . Error! Bookmark not defined.

Gambar 4.21 DFD Level 1 Mengakses nilai global priority pelamar ... Error! Bookmark not defined.

Gambar 4.22 CDM dashboarding website e-rekrutmen PT.Pelindo III .. Error! Bookmark not defined.

Gambar 4.23 PDM dashboarding website e-rekrutmen PT.Pelindo III .. Error! Bookmark not defined.

Gambar 4.24 Form Login ... Error! Bookmark not defined. Gambar 4.25 Form halaman awal dashboard ... Error! Bookmark not defined. Gambar 4.26 Form Statistik Lowongan ... Error! Bookmark not defined. Gambar 4.27 Form berisi informasi umum pelamar kerja . Error! Bookmark not defined. Gambar 4.28 Form Informasi pelamar berdasarkan area ... Error! Bookmark not defined. Gambar 4.29 Form informasi histori pendidikan pelamar . Error! Bookmark not defined. Gambar 4.30 Form informasi histori kerja pelamar ... Error! Bookmark not defined. Gambar 4.31 Form informasi nilai pretest pelamar ... Error! Bookmark not defined. Gambar 4.32 Form informasi nilai global priority pelamar ... Error! Bookmark not defined.

Gambar 4.33 Menu Login website e-rekrutmen ... Error! Bookmark not defined. Gambar 4.34 halaman menu awal dashboarding ... Error! Bookmark not defined. Gambar 4.35 Halaman informasi lowongan yang diambil Error! Bookmark not defined. Gambar 4.36 Halaman yang menampilkan Informasi umum pelamar ... Error! Bookmark not defined.

Gambar 4.37 Halaman yang menampilkan informasi pelamar berdasarkan area ... Error! Bookmark not defined.

(13)

xii

Gambar 4.38 Halaman yang menampilkan statistik histori pendidikan pelamar ... Error! Bookmark not defined.

Gambar 4.39 Halaman yang menampilkan histori kerja pelamar .... Error! Bookmark not defined.

Gambar 4.40 Halaman yang menampilkan informasi nilai pretest pelamar kerja ... Error! Bookmark not defined.

Gambar 4.41 Halaman yang menampilkan statistik nilai global priority dari perhitungan AHP website e-rekrutmen ... Error! Bookmark not defined. Gambar 4.42 1. Laporan Job Vacancy Yang Diminati Pelamar Error! Bookmark not defined.

Gambar 4.43 Laporan Statistik Jenis Kelamin Peserta Rekrutmen . Error! Bookmark not defined.

Gambar 4.44 Laporan Perbandingan Agama Pelamar Kerja ... Error! Bookmark not defined.

Gambar 4.45 Laporan Status Pernikahan Pelamar Kerja ... Error! Bookmark not defined. Gambar 4.46 Laporan pebandingan kewarganegaraan pelamar ... Error! Bookmark not defined.

Gambar 4.47 Laporan Perbandingan Asal Provinsi Pelamar ... Error! Bookmark not defined.

(14)

(15)

xiv

DAFTAR TABEL

Tabel 1 : Stuktur Tabel Tb_Pribadi_Pelamar ... Error! Bookmark not defined. Tabel 2 : Struktur tabel Tb_reg_pelamar ... Error! Bookmark not defined. Tabel 3 : Struktur Tabel Tb_akses_user ... Error! Bookmark not defined. Tabel 4 : Struktur tabel Tb_his_pendidikan ... Error! Bookmark not defined. Tabel 5 : Struktur tabel Tb_His_organisasi ... Error! Bookmark not defined. Tabel 6 : Struktur tabel Tb_his_kerja ... Error! Bookmark not defined. Tabel 7 : Struktur tabel tb_his_job_vacancy ... Error! Bookmark not defined. Tabel 8 : Struktur tabel Tb_Job_vacancy ... Error! Bookmark not defined. Tabel 9 : Struktur tabel tb_priode_rekrut ... Error! Bookmark not defined. Tabel 10 : Struktur tabel Tb_pernyataan ... Error! Bookmark not defined.

(16)

1

(17)

(18)

1

1 BAB I

PENDAHULUAN

1.1 Latar Belakang

Sumber Daya Manusia merupakan aset yang paling penting bagi

perusahaan untuk dapat bersaing dengan perusahaan lainnya dan dapat

berkembang menjadi perusahaan yang lebih produktif dalam menjalankan

bisnisnya. Maka dari itu dibutuhkan sumber daya manusia yang berkualitas

dengan cara melakukan rekrutment pegawai sebaik mungkin demi mendapatkan

pegawai yang telah terseleksi dengan baik.

Berkaitan dengan hal tersebut PT.Pelabuhan Indonesia III Surabaya

adalah Badan Usaha Milik Negara yang bergerak dalam sektor perhubungan.

Tugas, wewenang dan tanggung jawab perusahaan ini adalah mengelola

Pelabuhan Umum pada tujuan wilayah provinsi Indonesia, yaitu Jawa Timur,

Jawa Tengah, Bali, Kalimantan Selatan, Kalimantan Tengah, Nusa Tenggara

Barat dan Nusa Tenggara Timur. Luasnya wilayah yang dikelola PT.Pelabuhan

Indonesia III membuat sumber daya manusia merupakan hal yang sangat penting

sehingga untuk mendapatkan SDM yang baik harus dilakukan proses rekrutment

yang baik dan efektif.

Untuk itu manajemen personalia harus dapat melakukan pengambilan

keputusan terhadap data-data calon pegawai yang telah melakukan pendaftaran

rekrutment online. Sehingga, dibutuhkan sistem yang dapat menampilkan

informasi dalam bentuk visual kepada manajemen personalia. Salah satu

informasi bentuk visual yang dapat diterapkan dalam website e-rekrutmen

PT.Pelabuhan Indonesia III adalah dashboard berbasis web yang dapat

(19)

2

merangkum informasi pendaftaran karyawan mulai dari informasi pribadi,

informasi kontak, informasi fisik, histori pendidikan, histori kerja calon karyawan,

dll serta menampilkannya dalam bentuk grafik, tabel, serta report dokumen.

Keuntungan dan manfaat perusahaan khususnya pada divisi personalia

jika mengimplementasikan sistem ini, manajemen personalia dapat menghemat

waktu untuk melakukan analisa terhadap ribuan data-data pegawai yang telah

terdaftar sebagai calon pelamar. Dengan adanya sistem ini maka manajemen

hanya perlu melihat informasi secara visual yang telah dirangkum dalam bentuk

grafik, tabel, dan report dokumen. Sehingga dari informasi singkat tersebut,

manajemen personalia dapat melakukan pengambilan keputusan dengan baik.

Berdasarkan keterangan diatas, penuis berkeinginan untuk merangcang

suatu visualisasi informasi dashboard berbasis web yang dapat menampilkan

informasi rekrutment calon pegawai bagi divisi manajemen personalia. Informasi

tersebut dapat ditampilkan di website e-rekrutment dalam bentuk grafik, tabel,

serta dokumen report bagi bagian personalia PT.Pelabuhan Indonesia III.

1.2 Rumusan Masalah

Berdasarkan latar belakang masalah diatas dapat dirumuskan

permasalahan sebagai berikut:

1. Bagaimana membangun visualisasi informasi berbasis web untuk reporting

pada website e-rekrutment PT.PELINDO III ?

2. Bagaimana membuat suatu laporan berupa grafik, tabel, dan report yang

(20)

3

1.3 Batasan Masalah

Berdasarkan perumusan masalah diatas, maka batasan masalah dalam

pembuatan sistem informasi ini adalah sebagai berikut :

1. Visualisasi informasi yang ditampilkan berupa grafik batang, pie, tabel, serta

laporan report dalam bentuk dokumen report.

2. Informasi yang ditampilkan dalam bentuk dashboard merupakan informasi

transaksi pendaftaran peserta rekrutmen meliputi :

A. Informasi data pribadi peserta rekrutmen seperti nama, usia, agama,

tanggal lahir, no KTP, dll.

B. Informasi fisik seperti tinggi badan, berat badan, buta warna, berkacamata,

dll.

C. Informasi mengenai alamat seperti alamat provinsi, kota, alamat

berdasarkan KTP, dll.

D. Informasi histori pelamar, yakni informasi histori organisasi, histori kerja,

serta histori pendidikan yang pernah ditempuh pelamar kerja.

E. Informasi nilai pretest pelamar ketika melakukan pretest online

3. Sistem ini diselesaikan dengan Microsoft Visual Studio 2010 dan

perancangan database menggunakan Oracle 10g.

1.4 Tujuan

Berdasarkan batasan masalah diatas maka tujuan dari kerja praktek

kerja praktek ini adalah :

1. Membuat visualisasi informasi berbasis web dalam bentuk dashboard yang

(21)

4

2. Membuat sistem pelaporan dalam bentuk dashboard berbasis web yang dapat

membantu manajemen personalia dalam hal melakukan monitoring dan

pengambilan keputusan.

1.5 Manfaat

Manfaat yang diperoleh dari pembuatan sistem ini adalah dapat

memberikan kemudahan bagian personalia PT.Pelabuhan Indonesia III dalam hal

monitoring dan pengambilan keputusan terhadap data transaksi perekrutan calon

pegawai dalam bentuk grafik, tabel dan report dokumen.

1.6 Sistematika Penulisan

Sistematika penulisan yang memuat uraian secara garis besar ini setiap

bab-bab yang dibahas didalamnya sebagai berikut :

BAB I PENDAHULUAN

Pada bab ini dijelaskan tentang latar belakang masalah, perumusan

masalah, batasan masalah, tujuan, sistematika penulisan laporan kerja

praktek.

BAB II PROFIL PERUSAHAAN

Pada bab ini dijelaskan gambaran umum PT. Pelabuhan Indonesia III

(Persero) Kantor Pusat Surabaya tentang sejarah singkat PT.

Pelabuhan Indonesia III (Persero), Visi, Misi dan Value, Lokasi

Perusahaan, serta Struktur Organisasi.

BAB III LANDASAN TEORI

Berisi penjelasan teori-teori yang digunakan dalam membantu proses

analisa dan desain sistem, yaitu Visualisasi Informasi, Dashboard,

(22)

5

BAB IV DESKRIPSI KERJA PRAKTEK

Berisi penjelasan mengenai perancangan sistem yang akan digunakan,

implemantasi dari rancangan sistem yang telah dibuat, dan evaluasi

terhadapn sistem yang telah diuji coba.

BAB V PENUTUP

Berisi kesimpulan mengenai sistem yang telah dibuat berupa sistem

informasi manajemen arsip pada PT.Pelabuhan Indonesia III (Persero)

Kantor Pusat dan saran untuk perbaikan sistem di masa mendatang.

LAMPIRAN

Dalam bagian ini penulis menyertakan beberapa lampiran yang

(23)

6

(24)

1 BAB II

GAMBARAN UMUM PERUSAHAAN

1.1 Sejarah

PT Pelabuhan Indonesia III (Persero), untuk selanjutnya disebut PT

Pelindo III (Persero), adalah Badan Usaha Milik Negara yang bergerak dalam

sektor perhubungan. Tugas, wewenang dan tanggung jawab perusahaan ini adalah

mengelola Pelabuhan Umum pada tujuh wilayah provinsi Indonesia, yaitu Jawa

Timur, Jawa Tengah, Bali, Kalimantan Selatan, Kalimantan Tengah, Nusa

Tenggara Barat dan Nusa Tenggara Timur.

Sejarah PT.Pelabuhan Indonesia III dapat dirangkum dalam beberapa

fase penting berikut ini:

1. Perseroan pada awal berdirinya adalah sebuah Perusahaan Negara yang

pendiriannya dituangkan dalam PP No.19 Tahun 1960.

2. Selanjutnya pada kurun waktu 1969- 1983 bentuk Perusahaan Negara

diubah dengan nama Badan Pengusahaan Pelabuhan (BPP) berdasarkan

Peraturan Pemerintah Nomor 1 tahun 1969.

3. Kemudian pada kurun waktu tahun 1983-1992, untuk membedakan

pengelolaan Pelabuhan Umum yang diusahakan dan yang tidak

diusahakan, diubah menjadi Perusahaan Umum (Perum) Pelabuhan

berdasarkan Peraturan Pemerintah Nomor 16 Tahun 1983 dan Peraturan

(25)

4. Seiring pesatnya perkembangan dunia usaha, maka status Perum diubah

menjadi Perseroan pada tahun 1992 dan tertuang dalam Akta Notaris Imas

Fatimah, SH Nomor 5 Tanggal 1 Desember 1992.

5. Perubahan Anggaran Dasar Desember 2011 tentang Kepmen BUMN 236.

PT Pelindo III (Persero) yang berkantor pusat di Surabaya, mengelola

43 pelabuhan yang tersebar di 7 Propinsi yaitu Jawa Timur, Jawa Tengah,

Kalimantan Selatan, Kalimantan Tengah, Bali, Nusa Tenggara Barat, dan Nusa

Tenggara Timur, serta memiliki 7 anak perusahaan.

Surat dari Kementerian Perhubungan, Dirjen Perhubungan Laut yang

diterbitkan bulan Februari 2011 menjelaskan tentang penunjukan PT Pelindo III

(Persero) sebagai Badan Usaha Pelabuhan (BUP).

1.2 Visi, Misi, dan Value Perusahaan

1.2.1 Visi

Menjadi pelaku penyediaan jasa kepelabuhan yang prima,

berkomitmen memacu integrasi logistik nasional.

1.2.2 Misi

1. Menjamin penyediaan jasa pelayanan prima melampaui standar yang

berlaku secara konsisten

2. Memacu kesinambungan daya saing industri nasional melalui biaya

logistik yang kompetitif

3. Memenuhi harapan semua stakeholders melalui prinsip kesetaraan dan tata

kelola perusahaan yang baik (GCG)

4. Menjadikan SDM yang kompeten, berkinerja handal dan berpekerti luhur

(26)

5. Mendukung perolehan devisa negara dengan memperlancar arus

perdagangan

1.2.3 Value Perusahaan

1. Satisfaction (Kepuasan Pelanggan)

Senantiasa mengutamakan kepuasan pelanggan melalui kegiatan

pelayanan dengan metode dan mekanisme yang berlaku.

2. Motivator (Motivator)

Berkomitmen untuk selalu menjadi motivator dalam meningkatkan dan

mengembangkan Sumber Daya Manusia yang professional dengan

dilandasi iman dan takwa.

3. Accurate (Tepat)

Bertindak tepat dan cepat dalam mewujudkan kinerja perusahaan

4. Reputable (Nama Baik)

Menjunjung tinggi kehormatan dan martabat perusahaan

5. Totality (Totalitas)

Bertindak dan bersikap secara total dalam menciptakan kepedulian sosial

bagi masyarakat di lingkungan perusahaan.

1.3 Lokasi Perusahaan

Lokasi PT. Pelabuhan Indonesia III (Persero) kantor pusat Surabaya

tepatnya berada di Jalan Perak Timur no 610 Perak Surabaya. Sedangkan tempat

kerja penulis selama melaksanakan Kerja Praktek berada di divisi Sistem

Informasi. Ruang kerja berada di lantai 4 gedung utama serta penulis diberi

(27)

berupa dukungan listrik, ruang kerja praktek dan akses internet yang cukup baik

serta pembimbing dari pihak perusahaan yang benar-benar membantu mulai dari

bantuan teknis, motivasi, dan membantu dalam hal administrasi yang berkaitan

dengan kerja praktek.

1.4 Struktur Organisasi

Gambaran struktur organisasi PT.Pelabuhan Indonesia III dapat dilihat

(28)

(29)

(30)

1 BAB III LANDASAN TEORI

1.1 Definisi Visualisasi

Menurut (Card, Mackinlay Shneiderman, 1998) definisi viusalisasi

adalah menggunakan teknologi komputer sebagai pendukung untuk melakukan

penggambaran data visual yang interaktif untuk memperkuat pengamatan.

Sedangkan menurut (Mc Cormick, 1987) definisi visualisasi adalah metode

penggunakan komputer untuk mentransformasikan simbol menjadi geometrik dan

memungkinkan peneliti dalam hal mengamati sumulasi komputasi yang dapat

memperkaya proses penemuan ilmiah sehingga dapat mengembangkan

pemahaman yang lebih dalam dan tak terduga.

Berdasarkan definisi diatas dapat disimpulakan bahwa visualisasi

adalah suatu teknik penggunaan komputer untuk menemukan metode terbaik

dalam menampilkan data. Dengan menggunakan visualisasi, data yang

ditampilkan dapat mempermudah peneliti untuk melihat data yang sulit dilihat

dengan pemikiran sehingga peneliti bisa mengamati simulasi dan komputasi, juga

memperkaya proses penemuan ilmiah dan mengembangkan pemahaman yang

lebih dalam dan tak diduka, salah satu contohnya adalah dengan menampilkan

data atau informasi dalam bentuk gambar, contoh : grafik, struktur tree, pola,

warna.

Beberapa tujuan dari visualisasi adalah :

1. Mengeksplor

Kegiatan eksplor dapat disebut juga penjelajahan atau pencarian, adalah

tindakan mencari atau melakukan penjelajahan dengan tujuan menemukan sesuatu

(31)

yang baru. Dalam hal visualisasi, mengeksplor bisa dalam bentuk eksploarasi

terhadap data atau informasi yang ada yang dapat digunakan sebagai salah satu

bagian dari elemen pengambilan keputusan.

2. Menghitung

Menghitung adalah kegiatan yang bertujuan untuk mendapat gambaran

tentang dimensi/bentuk suatu objek. Dalam hubungannya dengan visualisasi,

menghitung dapat diartikan sebagai kegiatan melakukan analisa terhadap data

yang ada dalam bentuk gambar seperti grafik dan tabel yang sudah terhitung

sehingga manajemen hanya perlu melakukan pengambilan keputusan dari data

yang sudah terhitung.

3. Menyampaikan

Data mentah yang diolah lalu ditampilan dalam bentuk seperti grafik

merupakan bentuk penyampaian dengan cara pendekatan visual yang mana dapat

membuat orang yang melihat gambar tersebut dapat dengan mudah

menyimpulkan arti dalam gambar tersebut karena secara umum data yang diolah

dalam bentuk grafik lebih mudah dipahami karena sifatnya yang tidak

berbelit-belit melainkan langsung kepada point yang dituju.

1.2 Definisi Informasi

Informasi adalah data yang telah diolah menjadi sebuah bentuk yang

berarti bagi penerimanya dan bermanfaat bagi pengambilan keputusan saat

ini atau saat mendatang. (Abdul Kadir, 2011).

Informasi merupakan kumpulan data yang diolah menjadi bentuk yang lebih

(32)

Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan

lebih berarti bagi yang menerimanya (Jogiyanto, 1990: 8).

Berdasarkan beberapa definisi diatas, informasi adalah kumpulan data yang

telah diolah dan diorganisir sehingga memiliki arti bagi penggunanya untuk tujuan

pengambilan keputusan.

1.3 Sistem Informasi

Sistem Informasi adalah mengumpulkan, memproses, menyimpan,

menganalisis, dan menyebarluaskan informasi untuk tujuan tertentu (Rainer

dan Cegielski, 2011).

Sistem Informasi adalah sekumpulan hardware, software, orang dan

prosedur yang bekerja bersama untuk menghasilkan informasi yang

berkualitas (Shelly dan Vermaat, 2011).

Jadi berdasarkan definisi diatas, sistem informasi adalah suatu proses

untuk mengumpulkan, memproses, menyimpan, dan menyebarkan informasi

dalam suatu organisasi untuk menyelesaikan suatu tugas bisnis.

1.4 Karakteristik Visualisasi Informasi

Menurut (McCormick, 1987), karakteristik visualisasi informasi yang

baik memiliki empat karakteristik sebagai berikut :

1. Menggunakan Pola

Penggunaan pola berguna agar manusia yang melihatnya dapat melakukan

scanning, recognizing, remembering terhadap apa yang mereka lihat dan

menyimpulkan dengan cepat berdasarkan pola-pola yang membedakan

pola yang satu dengan yang lain.

(33)

Macam-macam perbandingan gambar dapat berupa panjang, bentuk,

orientasi, gradiasi warna, tekstur yang mana merupakan pembeda antara

visual yang satu dengan yang lain. Sehingga dengan perbedaan ini juga

dapat menimpulkan perbedaan informasi yang dihasilkan dari

perbandingan gambar yang satu dengan yang lain.

3. Gambar Animasi

Animasi dapat menggambarkan atau membedakan berdasarkan perjalanan

waktu yang terjadi yang mana tidak dapat digambarkan secara jelas

dengan menggunakan gambar yang diam.

4. Warna

Deskipsi warna dapat membantu perbedaan warna yang di gunakan.

Dalam hal ini perbedaan warna juga dapat mempengaruhi perbedaan

informasi yang dihasilkan.

1.5 Macam-macam Media Visual

Menurut (McCormick, 1987), terdapat macam-macam media visual

sebagai berikut :

1.5.1 Diagram

Diagram adalah suatu gambaran-gambaran sederhana untuk

memperlihatkan hubungan timbale balik, terutama dengan garis-garis diagram

yang baik adalah sangat sederhana yakni hanya bagian-bagian terpenting saja

(34)

1.5.2 Grafik

Grafik adalah suatu grafis yang menggunakan titik-titik atau garis untuk

menyampaikan informasi statistic yang saling berhubungan. Dengan berasumsi

pada pengertian grafik tersebut, dalam proses belajar mengajar, grafik mempunyai

fungsi untuk memperlihatkan perbandingan informasi kualitas-kualitas maupun

kuantitas dengan cepat dan sederhana, terutama pada penyajian secara statistik.

1.5.3 Poster

Poster merupakan kombinasi visualisasi yang kuat dengan warna dan

pesan dengan maksud untuk menangkap perhatian orang lewat, tetapi cukup lama

menanamkan gagasan yang berarti di dalam ingatannya. Media ini pada umumnya

digunakan untuk mengenalkan suatu produk dari suatu perusahaan atau digunakan

sebagai sarana promosi.

1.5.4 Kartun

Kartun adalah menggambarkan dalam bentuk lukisan atau karikatur

tentang orang, gagasan atau situasi yang didesain untuk mempengaruhi opini

masyarakat. Dengan berasumsi pada konsep tersebut, kartun dapat digunakan

sebagai alat bantu proses pengajaran walaupun banyak kartun yang membuat

orang-orang tersenyum, tetapi pada dasarnya kartun mempunyai manfaat dalam

proses belajar mengajar terutama dalam penjelasan rangkaian bahan satu urutan

(35)

1.5.5 Komik

Komik merupakan suatu bentuk kartun yang mengungkapkan karakter dan

memerankan suatu berita dalam urutan yang erat dihubungkan dengan gambar dan

di rancang untuk memberikan hiburan pada pembaca. (1989 : 69).

1.5.6 Gambar

Media grafis paling umum digunakan dalam PBM, karena merupakan

bahasa yang umum dan dapat mudah dimengerti oleh peserta didik. Kemudahan

mencerna media grafis karena sifatnya visual konkrit menampilkan objek sesuai

dengan bentuk dan wujud aslinya sehingga tidak verbalistik.

1.5.7 Bagan

Bagan merupakan media yang berisi tentang gambar-gambar

keterangan-keterangan, daftar-daftar dan sebagainya. Bagan digunakan untuk memperagakan

pokok-pokok isi bagan secara jelas dan sederhana antara lain: perkembangan,

perbandingan, struktur, organisasi.

1.6 Pengertian Dashboard

Menurut Rainer dan Cegielski (2011), Digital Dashboard biasanya

disebut executive dashboard atau management cockpit menyediakan akses

informasi yang cepat dan tepat waktu, dan akses langsung ke laporan manajemen.

Digital Dashboard sangat user-friendly dan didukung dengan grafik. Digital

Dashboard memperbolehkan manager untuk memeriksa laporan tertentu dan

(36)

Gambar 1.1Tampilan Dashboard (Rasmussen, Chen, Bansal (2010))

Menurut Laudon dan Laudon (2010: 81), Digital Dashboard

merupakan dashboard yang menampilkan, pada satu layar, semua hasil

pengukuran yang penting untuk mengarahkan perusahaan, mirip dengan kokpit

pesawat atau dashboard mobil. Dashboard tersebut menampilkan

indikator-indikator kinerja kunci sebagai grafik dan diagram dalam format browser web.

Memberikan gambaran satu halaman dari semua pengukuran penting yang

diperlukan untuk mengambil keputusan di tingkat eksekutif.

Menurut Kusnami (2009), Dashboard adalah satu kategori dari aplikasi

business intelligence yang secara real time akan memonitoring berbagai informasi

yang dibutuhkan oleh suatu organisasi atau perusahaan dengan berbagai macam

format seperti graphical gadgets, typically, gauges, charts, indicators, dan

color-coded maps yang memungkinkan mereka membuat keputusan pintar secara cepat.

1.6.1 Kategori Dashboard

Menurut Rasmussen, Chen, dan Bansal (2010), dashboard

dikelompokan menjadi tiga ketegori yaitu dashboard stragis, dashboard taktis

(37)

1. Dashboard strategis.

Dashboard pada level eksekutif menggambarkan sasaran stratejik skala

organisasi dan Key Performance Indicator (KPI) terkait. Dashboard pada level

strategis skala organisasi seringkali diturunkan ke level departemen, dengan tetap

mempertahankan keselarasan dngan sasaran perusahaan. Penggunaan dashboard

strategis adalah para manajer organisasi yang terlibat dalam eksekusi strategi dan

monitoring kemajuan.

2. Dashboard taktis.

Dashboard taktis untuk memonitor hasil dan tren yang terkait untuk setiap

inisiatif strategis. Dashboard taktis juga digunakan untuk memonitor proyek.

Inisiatif strategis sering diukur dengan membandingkan antara kinerja saat ini dan

tujuan yang telah ditetapkan sebelumnya (contoh anggaran dan target). Pengguna

dashboard taktis adalah manajer yang terlibat dengan aktivitas taktis individual

untuk mendukung pencapaian sasaran strategis organisasi.

3. Dashboard operational bisnis

Dashboard pada level stategis digunakan untuk mengendalikan proses

bisnis, aktivitas bisnis dan peristiwa yang kompleks. Dalam layar tampilan

menayangkan grafik dengan waktu terkini. Pengguna dashboard operational

memiliki tanggung jawab yang lebih sempit (penjualan, pelayanan, pelanggan dll)

yang memerlukan informasi lebih detil dengan fungsi analisis yang kuat.

1.6.2 Elemen Desain Dashboard

Menurut Rasmussen, Chen, dan Bansal (2010), Berikut elemen-elemen

(38)

1. Penggunaan Storyboard.

Storyboard adalah alat pengukur gambar, seperti urutan ilustrasi atau

gambar yang ditampilkan untuk tujuan pra-visualiasasi dalam gambar

bergerak atau urutan media interaktif termasuk website dan interaksi

dengan computer. Storyboard sangat bermanfaat untuk digunakan sebagai

persiapan implementasi tahap-tahap proses logical.

2. Komponen.

Beberapa komponen dashboard yang dapat digunakan yaitu Bagan Area,

Diagram Batang, Diagram Balon, Jarum Petunjuk atau gauge, Bagan

Garis, dan Bagan Lingkar atau Pie.

3. Tata Letak dashboard.

Dalam desain dashboard jangan terlalu banyak warna karena dapat

mengganggu. Penggunaan warna yang tidak tepat juga dapat berakibat

buruk. Jenis tulisan atau huruf jangan terlalu banyak jenis, tetapi gunakan

hanya satu jenis huruf saja seperti hururf Arial

4. Penggunaan tampilan layar.

Jika banyak informasi yang ditampilkan pada dashboard tunggal, maka

buatlah pengaturan dan kategori atau dengan beberapa dashboard.

Penempatan komponen dashboard dengan menempatkan informasi yang

penting sebagai prioritas. Masukkan judul dashboard dengan jenis huruf,

ukuran, dan warna huruf yang sesuai. Pilih judul dengan cermat yang

singkat, jelas , dan tepat.

(39)

Spesifikasikan fungsi utama dashboard dengan memilih dimensi yang

sesuai seperti depatemen, tingkatan, dan periode waktu. Pemilihan ini

disaring sesuai dengan data yang berkaitan untuk keseluruhan dashboard.

6. Link dengan isi lain.

Dashboard yang dibuat dapat dihubungkan dengan link misalkan laporan,

artikel dan lainnya.

1.7 Online Transaction Processing (OLTP)

Menurut Rainer dan Turban (2009), OLTP adalah TPS yang memproses

data setelah transaksi terjadi, secara berkala dan real-time.

Jadi OLTP menyediakan transaksi-transaksi yang diperlukan

perusahaan atau organisasi. OLTP juga dapat menjadi suatu alat pengawas suatu

transaksi perusahaan atau organisasi.

1.8 Data Warehouse

Menurut Rainer dan Cegielski (2011), Data Warehouse adalah tempat

penyimpanan data historical yang diorganisasikan berdasarkan subjek untuk

pengambilan keputusan dalam organisasi. Data Warehouse memfasilitasi

kegiatan BI, seperti Data Mining dan mendukung pengambilan keputusan.

Menurut Henry dan Eka (2010), Data warehouse adalah sekumpulan

data yang berorientasi pada subjek, terintegrasi, memiliki rentang waktu, dan tidak

mudah berubah untuk mendukung proses pembuatan keputusan manajerial.

Jadi Data Warehouse merupakan database yang dirancang khusus

untuk mengerjakan proses query untuk menghasilkan laporan dan analisa, dimana

sumber data pada Data Warehouse terdiri dari berbagai macam data operasional,

(40)

1.8.1 Arsitektur Data Warehouse

Arsitektur dimulai dari transaction systems yang di-ETL ke dalam data

warehouse dimana proses ETL dimulai dengan proses ekstrak seperti tabel

metadata kemudian di-transform dengan menggunakan query yang akan di-load

ke dalam data warehouse.

Gambar 1.2 Arsitektur data warehouse ETL (Kimball 2010: 517)

1.9 Online Analytical Processing (OLAP)

Menurut Rainer dan Cegielski (2011), Proses kinerja yang kompleks,

analisis data multidimensional yang disimpan dalam sebuah database atau Data

Warehouse biasanya menggunakan graphical software tools.

Jadi OLAP adalah gambaran data dalam bentuk multidimensi untuk

pengaksesan data yang lebih cepat.

(41)

Gambar 1.3 Contoh Cube multi dimensi (doc.oracle.com)

Contoh query untuk menampilkan data pelamar kerja berdasarkan

posisi histori kerja sebelmunya serta berdasarkan periode perekrutan :

SELECT B.KTP_PELAMAR, B.NAMA_PELAMAR,A.POSISI_HIS_KERJA , C.ID_PERIOD, UPPER(a.THN_DARI_HIS_KERJA ) "DARI TAHUN",

UPPER(A.THN_AKHIR_HIS_KERJA ) "SAMPAI TAHUN"

FROMTB_HIS_KERJAA,tb_pribadi_pelamar B ,tb_his_job_vacancy C

whereA.ID_PELAMAR = B.ID_PELAMAR anda.ID_PELAMAR = c.ID_PELAMAR orderbyupper(C.ID_Period )

Contoh hasil yang ditampilkan berdasarkan query diatas :

(42)

1 BAB IV

DESKRIPSI KERJA PRAKTEK

1.1 Analisa Sistem

Dalam pengembangan teknologi informasi ini dibutuhkan rancangan

analisa arsitektur perangkat lunak sebagai dokumentasi aplikasi yang dibuat.

Dokumentasi tersebut diharapkan mampu mempengaruhi kinerja dari sumber

daya manusia khususnya untuk meningkatkan pelayanan yang terbaik pada

PT.Pelabuhan Indonesia III Persero.

Metode ini membutuhkan analisis internal dan eksternal organisasi,

kebutuhan bisnis dan beberapa teknik analisis untuk menghasilkan perencanaan

yang baik. Data dan informasi yang dibutuhkan adalah yang berhubungan dengan

tujuan dari pembuatan visualisasi informasi berbasis web pada website

e-rekrutmen PT.Pelabuhan Indonesia III meliputi data calon pegawai yang terdaftar

dalam database e-rekrutmen, data histori pendidikan, histori organisasi, histori

kerja, data periode perekrutan, dan data-data lainnya yang saling berrelasi dengan

data tersebut. Data yang dibutuhkan dapat digunakan untuk menghasilkan

perencanaan aplikasi visualisasi informasi berbasis web yang dapat mendukung

strategi operasional bagian Personalia pada PT.Pelabuhan Indonesia III (Persero)

Surabaya.

Analisa sistem ini berkaitan dengan rancangan visualisasi informasi

berbasis web pada website rekrutmen milik PT.Pelindo III. Pada website

e-rekrutmen PT.Pelindo III yang beralamat pada http://recruitment.pp3.co.id,

visualisasi informasi ini terletak pada menu monitoring pelamar, menu ini hanya

dapat diakses oleh user yang memiliki hak akses ke dalam menu tersebut yakni

(43)

user yang terdaftar sebagai pegawai divisi personalia dan manajer PT.Pelindo III.

Dalam menu ini, divisi personalia dapat memantau peserta rekrutmen dari

dashboard berupa pie, dan grafik batang serta laporan mengenai statistik pendaftar

rekrutmen dalam bentuk dokumen report. Data-data yang dipantau dapat di

urutkan berdasarkan periode perekrutan yang sedang dibuka PT.Pelindo III.

1.2 Perancangan Sistem

Perancangan sistem bertujuan untuk membantu memberikan gambaran

mengenai rancangan arsitektur perangkat lunak, dalam hal ini adalah perancangan

sistem untuk visualisasi informasi berbasis web pada website e-rekrutmen

PT.Pelabuhan Indonesia III Persero Surabaya.

Perancangan sistem ini bertujuan sebagai dokumentasi rancang bangun

aplikasi, karena setiap aplikasi yang baik adalah aplikasi yang telah

terdokumentasi dengan baik. Perancangan sistem juga berguna jika suatu saat

terdapat masalah pada aplikasi maka developer dapat melihat perancangan sistem

untuk dapat memperbaiki sistem berdasarkan rancangan yang telah dibuat

sebelumnya.

Perancangan sistem juga menjelaskan tentang proses bisnis yang

terjadi ketika sistem diimplementasikan, dalam hal ini proses bisnis bagaimana

manajemen personalia melakukan pemantauan data statistik dalam bentuk

dashboard dan laporan. Perancangan sistem juga menggambarkan tentang

bagaimana aliran data berjalan pada sistem, aliran data ini digambarkan dalam

tahapan DFD (Data Flow Diagram). Selain itu juga terdapat penjelasan mengenai

(44)

terjadi pada basis data aplikasi ini. Relasi tabel basis data aplikasi ini dijelaskan

dalam bentuk CDM (Conceptual Data Model) yang menggambarkan model

secara konsep pemikiran sistem analis, serta PDM (Physical Data Model) yang

mana merupakan relasi tabel yang berjalan pada sistem.

Tahap-tahap perancangan sistem adalah meliputi :

1. Pembuatan alur sistem aplikasi (System Flow)

2. Diagram jenjang (HIPO)

3. DFD (contex diagram, DFD level 0, dan level 1)

4. ERD (Entity Relasionship Diagram) yaitu CDM (Conceptual Data Model)

dan PDM (Physical Data Model).

1.2.1 System Flow

1. Mengakses Menu Monitoring

Mengakses menu monitoring (Dashboard) Personalia

Ph

ase

Start

Login sesuai Hak akses sebagai pihak

Personalia

Auntentifikasi Login

Finish

Tabel Registrasi User Halaman Depan

web E-Rekrutmen

Pilih Menu Monitoring Pelamar

Menampilkan Menu Monitoring Halaman Depan

web E-Rekrutmen

Tabel Log User

(45)

2. Mengakses Informasi Lowongan

Mengakses Informasi Lowongan

Personalia

P

h

ase

Mulai

Pilih Menu Informasi Lowongan

Dashboard Informasi Lowongan

Pilih Periode Lowongan Menampilkan Dashboard tentang Informasi Lowongan

Query Menampilkan Informasi Lowongan

berdasarkan Periode Dashboard Informasi

Lowongan Berdasarkan Periode

Pilih Laporan dalam bentuk Dokumen

Laporan dalam bentuk Crystal Report

Menampilkan Laporan dalam bentuk Dokumen

Cetak ?

Pilih Periode y

Laporan Informasi Lowongan per

periode

Selesai

Tabel Histori Job Vacancy

Tabel Job Vacancy

Tb_his_job_vacan

(46)

3. Mengakses Informasi Umum

Mengakses Informasi Umum

Personalia

P

h

ase

Mulai

Pilih Menu Informasi Umum

Dashboad Informasi Umum

Pilih Periode Menampilkan Dashboard tentang

Informasi Umum

Query Menampilkan Informasi Umum berdasarkan Periode Dashboard Informasi

Umum Berdasarkan Periode

Cetak ?

Pilih Periode y

Laporan Informasi Umum per periode

Selesai

(47)

4. Mengakses informasi Area

Mengakses Informasi Area

Personalia

P

h

ase

Mulai

Pilih Menu Informasi Area

Dashboard Informasi Area

Pilih Periode Menampilkan Dashboard tentang

Informasi Area

Query Menampilkan Informasi Area

berdasarkan Periode Dashboard Informasi

Area Berdasarkan Periode

Cetak ?

Pilih Periode y

Laporan Informasi Area per periode

Selesai

(48)

5. Mengakses Informasi Pendidikan

Mengakses Informasi Pendidikan

Personalia

P

h

ase

Mulai

Pilih Menu Informasi Pendidikan

Dashboard Informasi Pendidikan

Pilih Periode Pendidikan Menampilkan Dashboard tentang

Informasi Pendidikan

Query Menampilkan Informasi Pendidikan berdasarkan

Periode Dashboard Informasi

Pendidikan Berdasarkan Periode

Cetak ?

Pilih Periode y

Laporan Informasi Pendidikan per

periode

(49)

6. Mengakses Informasi Histori Kerja

Mengakses Informasi Histori Kerja

Personalia

P

h

ase

Mulai

Pilih Menu Informasi Histori

Kerja

Dashboard Informasi Histori

Kerja

Pilih Periode Histori Kerja Menampilkan Dashboard tentang

Informasi Histori Kerja

Query Menampilkan Informasi Histori

Kerja berdasarkan

Histori Kerja Berdasarkan Periode

Cetak ?

Pilih Periode y

Laporan Informasi Histori Kerja

(50)

7. Mengakses Nilai Pretest Pelamar

Mengakses Informasi Nilai Pretest

Personalia

P

h

ase

Mulai

Pilih Menu Informasi Nilai

Pretest

Dashboard Informasi Nilai

Pretest

Pilih Periode Nilai Pretest Menampilkan Dashboard tentang

Informasi Nilai Pretest

Query Menampilkan Informasi Nilai

Pretest berdasarkan

Nilai Pretest Berdasarkan Periode

Cetak ?

Pilih Periode y

Laporan Informasi Nilai Pretest

(51)

8. Mengakses Nilai Global Priority Pelamar

Mengakses Informasi Nilai Global Priority Personalia

P

h

ase

Mulai

Pilih Menu Informasi Nilai Global Priority

Dashboard Informasi Nilai Global Priority

Pilih Periode Nilai Global Priority Menampilkan Dashboard tentang

Informasi Nilai Global Priority

Query Menampilkan Informasi Nilai Global Priority berdasarkan

Nilai Global Priority Berdasarkan Periode

Cetak ?

Pilih Periode y

Laporan Informasi Nilai Global Priority

per periode

(52)

1.2.2 Diagram Jenjang (HIPO)

Diagram Jenjang atau bisa disebut sebagai diagram HIPO merupakan

gambaran masing-masing proses yang yang terjadi dalam sistem mulai dari proses

yang paling utama hingga pada subproses dari sistem. Dalam aplikasi visualisasi

informasi berbasis web pada website e-rekrutmen PT.PELINDO III ini, memiliki

8 proses utama dan masing-masing proses tersebut memiliki sub proses mulai dari

proses auntentifikasi login pada proses pertama serta proses menampilkan

dashboard dalam bentuk grafik dan tabel hingga proses menampilkan laporan.

Diagram HIPO aplikasi ini dapat dilihat pada gambar 4.2.9 dengan

keterangan dibawah ini :

 Warna Putih : Merupakan proses yang menampilkan fungsi-fungsi

utama aplikasi seperti login, mengakses menu, dan sebagainya.

 Warna Biru : Merupakan proses menampilkan dashboard utama yang

akan muncul secara dinamis dalam bentuk grafik dan tabel berdasarkan

periode yang dipilih.

 Warna Hijau : Merupakan proses menampilkan laporan dalam bentuk

(53)

Visualisasi Informasi E-Rekrutmen

Mengakses Informasi Nilai Pretest Mengakses Informasi

Lowongan

Mengakses Informasi Histori Kerja Mengakses Informasi

Pendidikan Mengakses Informasi

Area Mengakses Informasi

Umum

Mengakses Informasi Nilai Global Priority Mengakses Menu

Monitoring (Dashboard)

Auntentifikasi Login

Menampilkan Menu Monitoring

Menampilkan Dashboard Informasi

Lowongan

Menampilkan Informasi Lowongan berdasarkan periode

Menampilkan LaporanLowongan

dalam bentuk Dokumen Report

Umum

Menampilkan Informasi Umum berdasarkan periode

Menampilkan Laporan Informasi Umum dalam bentuk

Dokumen Report

Menampilkan Dashboard Informasi Area

Menampilkan Informasi Area berdasarkan periode

Menampilkan Laporan Informasi Area dalam bentuk Dokumen Report

Pendidikan

Menampilkan Informasi Pendidikan berdasarkan periode

Menampilkan Laporan Informasi Pendidikan dalam bentuk Dokumen

Report

Histori Kerja

Menampilkan Informasi Histori Kerja berdasarkan

periode

Menampilkan Laporan Histori Kerja

Nilai Pretest

Menampilkan Informasi Nilai Pretest berdasarkan

periode

Menampilkan Laporan Nilai Pretest

Nilai Global Priority

Menampilkan Informasi Nilai Global Priority berdasarkan periode

Menampilkan LaporanNilai Global

Priority dalam bentuk Dokumen

(54)

1.2.3 Context Diagram

Context Diagram atau bisa disebut diagram konteks adalah diagram

yang meggambarkan aliran data utama yang berjalan pada sistem. Dalam aplikasi

ini terdapat satu aktor yaitu divisi personalia atau pihak manajemen perusahaan

yang diberi hak akses sehingga dapat mengakses aplikasi ini. Pengaturan hak

akses dapat dilakukan pada halaman website utama e-rekrutmen PT.PELINDO

III.

Aliran data yang terjadi pada aplikasi reporting ini adalah data yang

diinputkan dan ditampilkan kepada aktor yakni divisi personalia atau pihak

manajemen yang diberi hak akses. Informasi yang dapat ditampilkan dalam

dashboard dan laporan adalah informasi lowongan, informasi area, informasi

histori pendidikan pelamar, informasi histori kerja, informasi nilai pretest,

infomrasi nilai global priority pelamar.

periode perekrutan User ID dan Pas sword

nilai g lobal priority pelamar informas i nilai pretest pelamar

informas i histori kerja informas i pendidikan

Informas i area Informas i umum Informas i Lowong an 0

Vis ualisas i Informas i Das hboarding

+

Divis i Personalia

(55)

1. Data Flow Diagram Level 0

Data Flow Diagram level 0 dan level 1 adalah diagram yang

menjelaskan tentang aliran data yang lebih rinci dari tabel-tabel basis data.

Diagram DFD level 0 pada gambar 4.2.11 dan 4.2.12 menggambarkan proses

utama yang terjadi pada sistem serta aliran datanya mulai dari fungsi petama

yakni mengakses menu monitoring hingga mengakses nilai NGP peserta

rekrutmen

Pada DFD level 1 pada gambar 4.2.13, 4.2.14 sampai gambar 4.2.20

menjelaskan tentang aliran data yang berjalan pada sub proses sistem dan

menggambarkan lebih detil aliran data dari tabel-tabel yang digunakan dalam

masing-masing proses.

(56)

Gambar 1.12 DFD level 0 part 2 dashboarding website e-rekrutmen PT.Pelindo III

2. Data Flow Diagram Level 1

a. DFD Level 1 – Mengakses Menu Monitoring

hasil auntentifikas i sukses log in

[hak aks es log in]

[jam dan tang g al log in] [user ID]

[User ID dan Pass word] Divis i

Personalia

1 T b_reg_user

Meng akses Informasi Lowongan

2 T b_log _user

1.1

autentifikasi log in

1.2

menampilkan halaman menu

monitoring

(57)

b. DFD Level 1 – Mengakses Informasi Lowongan

data peri ode perekrutan i d jov vacancy i d hi s job vacancy

i nformas i l owong an i nformas i l owong an

[akses logi n] [hak aks es l og in]

[laporan lowong an per peri ode] [info l owongan per periode] [data periode perekrutan]

i d job vacancy i d hi s job vacancy [data l owong an pekerj aan]

[id his j obvacancy]

[Informasi Lowongan]

[peri ode perekrutan]

D i vis i Personal i a

3 tb_his _j ob_va_cancy

4 tb_j ob_vac anc y

5 tb_peri ode_rekrut

D i vis i Personal i a Meng akses menu moni toring

Meng akses Informasi umum 2.1

menampi l kan dashboard tentang i nformas i l owong an

2.2

menampi l kan i nformas i l owong an berdasarkan

periode

2.3

menampi l kan l aporan dalam bentuk dokumen

3 tb_his _j ob_va

cancy

4 tb_j ob_vac anc y

3 tb_his _j ob_va_cancy

4 tb_j ob_vac anc y

Gambar 1.14 Level 1 Mengakses informasi lowongan

c. DFD Level 1 – Mengakses Informasi Umum

i nformas i umum i nformas i umum

periode perekrutan data pel amar i d hi s jobvac anc y i d hi s job vacancy

data pel amar

[data pelamar]

[informasi umum per peri ode]

[peri ode perekrutan]

[peri ode perekrutan] [data l owong an pekerj aan]

[akses logi n]

[laporan informasi umum per peri ode]

[Informasi umum] D i vis i

Personal i a Meng akses Informasi Lowongan

6 tb_pribadi _pe

l amar

3 tb_his _j ob_va

cancy

Meng akses Informasi area

D i vis i Personal i a 3.1

berdas arkan periode Personal i a

3 tb_his _j ob_va

cancy

6 tb_pribadi _pe

l amar

3 tb_his _j ob_va

cancy

6 tb_pribadi _pe

l amar

(58)

d. DFD Level 1 – Mengakses Informasi Area

periode perekrutan data pelamar id his job vacancy data pelamar id his job vacancy

data area pelamar data area pelamar

[informasi area per periode] [data pelamar]

[laporan informasi area per periode]

[akses login] [akses login]

[periode perekrutan] [data histori lowong an]

[periode perekrutan]

3 tb_his _job_va_cancy

Divis i Personalia Meng akses Informasi umum

Meng akses Informasi histori Pendidikan 4.1

menampilkan dashboard berdas arkan

area

4.2

informas i area berdas arkan

peride

4.3

cetak laporan dalam bentuk dokumen

Divis i Personalia

3 tb_his _job_va

cancy

6 tb_pribadi_pe_lamar

3 tb_his _job_va

cancy

5 tb_periode_rekrut

Gambar 1.16 DFD Level 1 Mengakses Informasi Area

e. DFD Level 1 – Mengakses Informasi Histori Pendidikan

data pendidikan data pendidikan

periode perekrutan data his tori pendidikan pelamar

id his job vacancy data his tori pendidikan pelamar

id his job vacancy

[periode perekrutan] [data histori perekrutan]

[data histori pendidikan]

[akses login] [akses login]

[laporan informasi pendidikan per periode] [periode perekrutan]

[informasi pendidikan]

[informasi pendidikan per periode]

Divis i Personalia

5 tb_periode_rekrut

3 tb_his _job_va

cancy

7 tb_his _pendidika

n

Divis i Personalia Meng akses Informasi area

Meng akses informasi histori kerja 5.1

menampilkan dashboar informas i pendidikan

5.2

menampilkan informas i pendidikan per periode

5.3

menampilkan laporan informas i pendidikan

7 tb_his _pendidika

n

3 tb_his _job_va

cancy

7 tb_his _pendidika

n

5 tb_periode_rekrut

(59)

f. DFD Level 1 – Mengakses Informasi Histori Kerja

periode perekrutan data his tori kerja id his jobvac anc y

data his tori kerja id his jobvac anc y

[akses login] [data histori kerja]

[histori perekrutan]

statistik histori kerja statistik histori kerja

[akses login]

[informasi histori kerja per periode]

[laporan histori kerja per periode] [periode perekrutan] [informasi histori kerja]

Divis i Personalia

Divis i Personalia Meng akses Informasi histori Pendidikan

Meng akses Nilai Pretest Pelamar 5 tb_periode_rekrut

3 tb_his _job_va cancy

8 tb_his _kerja

Divis i histori kerja perperiode

6.3 menampilkan laporan histori

kerja per periode 3 tb_his _job_va

cancy

8 tb_his _kerja

5 tb_periode_rekrut

Gambar 1.18 DFD Level 1 Mengakses informasi histori kerja

g. DFD Level 1 – Mengakses Informasi Nilai Pretest

[laporan nilai pretest pelamar per periode] [informasi nilai pretest perlamar per periode]

periode perekrutan nilai pretest pelamar

id histori vacancy nilai pretest pelamar

id histori vacancy [nilai pretest pelamar] [data histori lowong an]

[akses login] informas i nilai pretest informas i nilai pretest

[akses login]

[periode perekrutan] [informasi nilai pretest pelamar]

Divis i Personalia

Divis i Personalia Meng akses informasi histori kerja

Meng akses nilai g lobal priority 5 tb_periode_rekrut

9 tb_his _pretest_ pelamar dashboar nilai

pretest

7.2 menampilkan dashboar nilai

pretest per periode

7.3 menampilkan

laporan nilai pretest per

periode 3 tb_his _job_va_cancy

9 tb_his _pretest_ pelamar

3 tb_his _job_va cancy 9 tb_his _pretest_

pelamar

5 tb_periode_rekrut

(60)

h. DFD Level 1 – Mengakses Informasi Nilai Global Priority

periode perekrutan nama pelamar

job vac anc y histori vacancy data perhitung an AHP

nama pelamar job vac anc y histori vacancy data perhitung an AHP

ranking nilai g lobal priority pelamar ranking nilai g lobal priority pelamar [data pelamar]

[data lowong an pekerjaan] [histori lowongan] [data perhitung an AHP]

[akses login]

[nilai g lobal priority per periode]

[laporan nilai g lobal priority pelamar] [nilai g lobal priority pelamar]

Divis i Personalia

Divis i Personalia Meng akses Nilai Pretest Pelamar

5 tb_periode_rekrut

10 tb_AHP_g lobal

_priority

4 tb_job_vac anc y

Divis i dashboar NGP

per periode

8.3

menampilkan laporan NGP per periode

5 tb_periode_rekrut

10 tb_AHP_g loba

l_priority

3 tb_his _job_va

cancy

4 tb_job_vac anc y

10 tb_AHP_g loba_{l_priority}

3 tb_his _job_va

cancy

4 tb_job_vac anc y

6 tb_pribadi_pe

lamar

Gambar 1.20 DFD Level 1 Mengakses nilai global priority pelamar

1.2.4 Conceptual Data Model (CDM)

Conceptual Data Model (CDM) menjelaskan tentang relasi antar tabel

dalam sudut pandang sistem analis sehingga lebih mudah mengerti oleh manusia.

Selain relasi antar tabel, juga dapat dilihat field dari setiap tabel dan tipe data dari

masing-masing field. Tabel dalam skema relasi CDM ini telah terdapat pada

website e-rekrutmen PT.Pelabuhan Indonesia III sehingga penulis menggunakan

(61)

Relationship_1 Variable characters (1024) Characters (16) Variable characters (6) Variable characters (20) Date Variable characters (30) Variable characters (15) Variable characters (5) Variable characters (5) Variable characters (5) Variable characters (5) Variable characters (10) Variable characters (100) Variable characters (25) Variable characters (25) Variable characters (100) Variable characters (100) Identifier_1 <pi> Variable characters (10) Variable characters (40) Variable characters (16) Variable characters (20) Integer Variable characters (50)

<M>

Identifier_1 <pi> Tb_His_Pernyataan

KET_HIS_PERNYATAAN Variable characters (6)

Tb_His_Pendidikan Variable characters (25) Variable characters (50) Variable characters (50) Variable characters (20) Float (5) Variable characters (50) Variable characters (25) Date Date Variable characters (150)

<M> Variable characters (50) Variable characters (40) Date Date Variable characters (150) Integer Variable characters (500) Characters (5) Variable characters (50) Date Variable characters (25) Date

Variable characters (1024) Float

Gambar 1.21 CDM dashboarding website e-rekrutmen PT.Pelindo III

1.2.5 Physical Data Model (PDM)

Physical Data Model (PDM) menggambarkan tentang relasi tabel secara

(62)

FK_TB_PRIBA_RELATIONS_TB_REG_P

Gambar 1.22 PDM dashboarding website e-rekrutmen PT.Pelindo III

1.2.6 Struktur Tabel

Dalam pengembangan visualisasi berbasis web ini menggunakan

beberapa tabel yang telah tersedia dari basis data website e-rekrutmen

(63)

telah terdaftar. Tabel tersebut adalah tabel tb_pribadi_pelamar, tb_reg_pelamar,

tb_akses_user, tb_his_pendidikan, tb_his_organisasi, tb_his_kerja,

tb_his_pernyataan, tb_pernyataan, tb_his_job_vacancy, tb_job_vacancy,

tb_periode_rekrut, tb_ahp_global_priority.

Berikut akan dijelaskan tentang table-tabel yang digunakan :

1. Tabel Tb_Pribadi_Pelamar

Primary key : Id_Pelamar

Foreign key : ID_Reg_Pelamar

Fungsi : Untuk menyimpan data pribadi dan kotak calon

pelamar.

Tabel 1 : Stuktur Tabel Tb_Pribadi_Pelamar

Field Tipe Panjang

ID_PELAMAR Integer

NAMA_PELAMAR Variable characters (1024) 50

KTP_PELAMAR Characters (16) 16

JK_PELAMAR Variable characters (6) 6

TEMPAT_LHR_PELAMAR Variable characters (20) 20

TGL_LHR_PELAMAR Date

KWN_PELAMAR Variable characters (30) 30

STAT_MENIKAH_PELAMAR Variable characters (15) 15 TINGGI_BDN_PELAMAR Variable characters (5) 5 BERAT_BDN_PELAMAR Variable characters (5) 5 STAT_KACAMATA_PELAMAR Variable characters (5) 5 STAT_BUTAWARNA_PELAMAR Variable characters (5) 5 AGAMA_PELAMAR Variable characters (10) 10 ALAMAT_KTP_PELAMAR Variable characters (100) 100 PROPINSI_KTP_PELAMAR Variable characters (25) 25 KOTA_KTP_PELAMAR Variable characters (25) 25 ALAMAT_SURAT_PELAMAR Variable characters (100) 100 KODEPOS_PELAMAR Variable characters (100) 100

2. Tabel Tb_Reg_Pelamar

Primary key : ID_Reg_Pelamar