15
PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK SURAKARTA BERBASIS WEB MENGGUNAKAN HTML5 NASKAH PUBLIKASI PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS KOMUNIKASI DAN INFORMATIKA Diajukan oleh : Rusmono Umi Fadlillah, S.T., M.Eng Irma Yuliana, S.T., M.M PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS KOMUNIKASI DAN INFORMATIKA UNIVERSITAS MUHAMMADIYAH SURAKARTA Juli, 2013

PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

Embed Size (px)

Citation preview

Page 1: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

PENGEMBANGAN SISTEM INFORMASI PADA

PT JAMSOSTEK SURAKARTA

BERBASIS WEB MENGGUNAKAN HTML5

NASKAH PUBLIKASI

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS KOMUNIKASI DAN INFORMATIKA

Diajukan oleh :

Rusmono

Umi Fadlillah, S.T., M.Eng

Irma Yuliana, S.T., M.M

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS KOMUNIKASI DAN INFORMATIKA

UNIVERSITAS MUHAMMADIYAH SURAKARTA

Juli, 2013

Page 2: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

01,6 : xIN

IPnls ue6ord enlsx

'mqu1a8ua141

"" pE8ue1

eueftus ruloE qslolsdruour {nlun

uupre{ued n}"s qelus luBeqes eurro}rp r1ulo} 1ur qqwll Is?}UIqnd

gT?IOItr :

'IN tr'll'tr^I ..J'S'BUBJInA BurrJ

, .rwrov'l'//."' .\t\-

(J 'V

c00c[0900cz7€a8l6t : xrN,du'd'I l -'I's'{ululpBf, Iufl

l Eulqulrqurs4

leE8uul

IJUH

6 Eurqurrqueg

: upud gnlnlesrp qEIeJ

rpt06000e'I

ouoursnu

: r{alo unsns1p u"p uelders.radrp Euea

slr^trJ.H hr\r)tyhrnccNuru g git slsvguf, flYrltYxYuns xfl rsoslttYf r{

YOVd ISVNIUOdNI I^ItrJ.SIS NYCNVStrAIISNId

: lnpnf uefuep r{ulu{l Ise>illgnd

NYHYSUCNEd NYIATYTYH

Page 3: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

PENGEMBANGAN SISTEM INFORMASI PADA

PT JAMSOSTEK SURAKARTA

BERBASIS WEB MENGGUNAKAN HTML5

Rusmono, Umi Fadlillah, Irma Yuliana

Program Studi Teknik Informatika, Fakultas Komunikasi dan Informatika,

Universitas Muhammadiyah Surakarta

Email: [email protected]

ABSTRAKSI

Penerapan sebuah sistem informasi pada suatu instansi sangat dibutuhkan untuk

mempermudah memperoleh suatu informasi. Menyadari akan kebutuhan itu, maka perlu

dikembangkan suatu sistem informasi yang dapat menampilkan informasi yang cepat dan

dapat diakses melalui internet. Untuk itu dibuat pengembangan sistem informasi pada PT

Jamsostek Surakarta berbasis web yang diharapkan dapat menghasilkan informasi yang

berguna bagi pihak internal maupun pihak eksternal dan dapat dijadikan sarana

meningkatkan kualitas pelayanan.

Peneliti menggunakan metode research & development dalam melakukan

penelitian.Metode research & development yaitu metode penelitian yang digunakan untuk

menghasilkan produk tertentu, dan menguji keefektifan produk. Hasil yang didapat dalam

penilaian melalui kuisioner yang telah diujikan kepada user dan admin dengan mengambil

sampel dari 12 responden, yang terdiri dari 5 masyarakat umum, 5 karyawan Jamsostek (

user ), dan 2 karyawan Jamsostek ( admin ). Dapat disimpulkan bahwa lebih dari 80%

responden menjawab sangat setuju sistem ini cukup baik untuk dijadikan media informasi,

mudah dan dapat membantu dalam mencari informasi tentang Jamsostek Surakarta.

Kata Kunci : Jamsostek, Sistem Informasi, Surakarta.

Page 4: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

I. PENDAHULUAN

Sesuai dengan perkembangan teknologi

kebutuhan akan informasi yang dapat

menampilkan data sesuai dengan keadaan

sesungguhnya semakin dirasakan

mendesak. Penerapan sistem informasi pada

suatu instansi pemerintah maupun swasta

sangat dibutuhkan, untuk memperoleh suatu

informasi yang lebih cepat dan akurat.

Menyadari akan kebutuhan itu, maka perlu

dikembangkan suatu sistem informasi yang

dapat menampilkan informasi yang cepat

dan dapat diakses melalui internet.

Penggunaan sistem informasi ini

diharapkan dapat meningkatkan efisiensi,

efektivitas, dan kualitas layanan yang lebih

baik. Selain itu, bisa juga untuk menunjang

akuntabilitas PT Jamsostek Surakarta dalam

menyajikan informasi dan meningkatkan

kualitas pelayanan yang lebih baik terhadap

masyarakat dan peserta Jamsostek

Surakarta. Untuk itu dibuat pengembangan

sistem informasi pada PT Jamsostek

Surakarta berbasis web yang diharapkan

dapat menghasilkan informasi yang berguna

bagi pihak internal maupun pihak eksternal.

Oleh karena itu penulis mencoba

untuk membuat sebuah sistem informasi

yang dapat dijadikan sebagai media

informasi, agar masyarakat lebih mudah

dalam mengetahui tentang informasi

Jamsostek Surakarta. Sistem ini berisi

informasi tentang sejarah Jamsostek,

struktur organisasi, visi dan misi Jamsostek,

cara mendaftar menjadi peserta, dan

informasi mengenai program jaminan yang

ditawarkan PT Jamsostek.

II. TELAAH PENELITIAN

Dalam tugas akhirnya yang berjudul

“Sistem Informasi Penggajian Karyawan

Berbasis Web pada Kejaksaan Negri

Tangerang” menyatakan bahwa kantor

kejaksaan negeri Tangerang merupakan

salah satu instansi pemerintah yang

memberikan pelayanan kepada

masyarakat, khususnya dalam hal

penegakan hukum supaya tercipta

keamanan dan ketentraman dalam

Page 5: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

masyarakat. Sistem penggajian pegawai

pada kantor kejaksaan negeri Tangerang

sudah menggunakan sistem

terkomputerisasi, yaitu dengan

menggunakan aplikasi “Microsoft Visual

Basic”. Dalam penyusunan tugas akhir ini,

akan diusulkan program untuk

menghitung gaji pegawai dengan

menggunakan aplikasi pemrograman

berbasis web. Diharapkan aplikasi ini dapat

lebih akurat dan memudahkan dalam

perhitungan gaji pegawai ( Susanto, Ardian

2011 ).

Dalam tugas akhirnya yang berjudul

“Analisis Sistem Informasi Kepegawaian

Pemerintah Kotamadya Jakarta Barat

Berbasis Web” mengatakan bahwa tujuan

dibuatnya Sistem Informasi Kepegawaian

adalah untuk dapat menghasilkan suatu

sumber informasi yang akurat, tepat guna,

efektif, dan efisien sesuai dengan

perkembangan teknologi. Metode yang

digunakan pada penelitian ini adalah

dengan menggunakan alat perancangan

yaitu diagram arus data yang dimulai

dengan diagram konteks sampai dengan

diagram yang lebih rinci untuk

menggambarkan sistem. Normalisasi dan

Entity Relationship Diagram digunakan

untuk perancangan database. Hasil dari

penelitian yang dilakukan di Kantor

Pengelola Teknologi Informasi (KPTI)

Kotamadya Jakarta Barat, dimana dalam hal

ini KPTI telah menerapkan suatu sistem

informasi berbasis web yang sangat

berharga dan mudah digunakan oleh

pegawai Pemerintah (Hartanti, Dian 2010).

III. METODE PENELITIAN

Perancangan pengembangan sistem

informasi pada PT Jamsostek Surakarta ini

melalui beberapa tahapan dan proses. Hal

ini dilakukan agar menghasilkan penelitian

yang baik dan sesuai dengan tujuan

penelitian itu sendiri. Peniliti menggunakan

metode Research & Development dalam

melakukan penelitian. Research &

Development yaitu metode penelitian yang

digunakan untuk menghasilkan produk

tertentu, dan menguji keefektifan produk

tersebut. Adapun tahapan dalam penelitian

Page 6: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

ini dapat digambarkan dalam flowchart

pada Gambar 1.

Gambar 1 Flowchart Penelitian

IV. HASIL DAN PEMBAHASAN

A. Hasil

Sistem pengembangan informasi

pada PT Jamsostek Surakarta Berbasis Web

dibuat menggunakan software

DreamWeaver8 dengan bahasa

pemrograman html5 dan php serta

menggunakan MYSQL untuk penyimpanan

data.

Hasil yang dicapai dari penelitian ini

adalah Pengembangan Sistem Informasi

Pada PT Jamsostek Surakarta Berbasis Web

yang berisi tentang informasi data umum

pegawai dan informasi jaminan sosial

tenaga kerja. Dalam sistem ini terdiri atas

dua halaman, halaman utama dan halaman

admin. Halaman admin berperan mengatur

apa yang akan ditampilkan di halaman

utama.

B. Halaman Utama

1. Halaman Home

Halaman home adalah halaman

pembuka atau yang pertama kali muncul

ketika user mengetikan url http://jamsostek-

surakarta.com Halaman home dari

pengembangan sistem informasi ini berupa

background image yang dapat bergerak

memutar seperti balok. Penambahan kolom

berita yang selalu update dan video

digunakan supaya website menjadi lebih

menarik.

Page 7: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

Gambar 2 Halaman Home

2. Halaman Profil

Halaman profil terdiri atas dua

button yaitu profil perusahaan dan struktur

organisasi. Profil perusahaan berisi tentang

artikel, visi, misi perusahaan, informasi

jaminan, dan sejarah Jamsostek.

Gambar 3 Halaman Menu Profil

Struktur organisasi berisi gambaran

alur jabatan kepegawaian yang ada di

instansi PT Jamsostek Surakarta.

Gambar 4 Struktur organisasi

3. Halaman Peserta

Halaman peserta berisi tentang

informasi perusahaan yang terdaftar sebagai

peserta Jamsostek Surakarta dan terdapat

kolom searcing yang digunakan untuk

mencari data peserta yang terdaftar.

Gambar 5 Halaman Peserta

4. Halaman user

Halaman user berisi tentang menu

download informasi dan menu buku tamu

dimana user dapat memberi komentar atau

keluhan pelayanan yang nantinya akan

dibalas oleh admin.

Page 8: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

Gambar 6 Halaman Download

Gambar 7 Buku Tamu

5. Halaman Program

Halaman program terdiri atas beberapa

link button yaitu JHT, JPK, JKK dan JK

masing-masing link tersebut berisi tentang

informasi mengenai jaminan hari tua,

jaminan pemeliharaan kesehatan, jaminan

kecelakaan kerja, dan jaminan kematian.

Gambar 8 Halaman Program

6. Halaman Pegawai

Halaman pegawai terdiri atas tabel

pegawai dan tabel agenda, tabel pegawai

berisi tentang data umum pegawai dan

terdapat kolom searching yang dapat

digunakan untuk mencari pegawai dan

dapat melihat biodata umum pegawai.

Tabel agenda berisi tentang daftar

agenda di PT Jamsostek Surakaarta.

Gambar 9 Halaman Pegawai

Gambar 10 Halaman Agenda

7. Halaman Gallery

Halaman gallery berisi tentang informasi

foto yang menyangkut tentang PT

Jamsostek Surakarta.

Gambar 11 Halaman Gallery

Page 9: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

C. Halaman Admin

1. Halaman Login

Halaman login akan muncul setelah

user mengetikkan url http://jamsostek-

surakarta.com/admin

. Gambar 12 Halaman Login

2. Halaman Menu Admin

Halaman admin akan tampil setelah

login berhasil, di dalam halaman admin

berisi menu berita, menu agenda, menu

upload, menu jabatan, menu pegawai,

buku tamu, dan menu peserta.

Gambar 13 Menu Admin

3. Halaman Menu Berita

Halaman menu berita berisi

beberapa button yang dapat digunakan

untuk menampilkan daftar berita,

menambahkan berita, edit berita, dan

hapus berita.

Gambar 14 Menu Berita

4. Halaman Menu Agenda

Halaman menu agenda berisi

beberapa button yang dapat digunakan

untuk menampilkan daftar agenda,

menambahkan agenda, dan hapus

agenda.

Gambar 15 Menu Agenda

5. Halaman Menu Upload

Halaman menu upload berisi

beberapa button yang dapat digunakan

untuk menampilkan daftar upload,

menambahkan data upload, dan hapus

data upload.

Gambar 16 Menu Upload

Page 10: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

6. Halaman Menu Jabatan

Halaman menu jabatan berisi

beberapa button yang dapat digunakan

untuk menampilkan daftar jabatan,

menambahkan jabatan, edit jabatan,

dan hapus jabatan.

Gambar 17 Menu Jabatan

7. Halaman Menu Pegawai

Halaman menu pegawai berisi

beberapa button yang dapat digunakan

untuk menampilkan daftar pegawai,

menambahkan pegawai, edit pegawai,

dan hapus pegawai.

Gambar 18 Menu Pegawai

8. Halaman Buku Tamu

Halaman menu komentar atau buku

tamu berisi beberapa button yang dapat

digunakan untuk menampilkan daftar

komentar, balas komentar, dan hapus

komentar.

Gambar 19 Buku Tamu

9. Halaman Menu Peserta

Halaman menu peserta berisi

beberapa button yang dapat digunakan

untuk menambahkan peserta baru,

memperbaharui data peserta,

menampilkan daftar peserta, dan hapus

peserta.

Gambar 20 Menu Peserta

D. Pengujian

Pengujian Pengembangan Sistem

Informasi Pada PT Jamsostek Surakarta

Berbasis Web dilakukan dengan langsung

mendemokan dan mengajarkan kepada

pegawai PT Jamsostek Surakarta secara

langsung. Penulis dapat langsung

Page 11: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

mengetahui tanggapan pegawai mengenai

aplikasi yang telah dibuat apakah sudah

sesuai dengan yang diharapkan atau belum.

Penilaian dilakukan dengan membagikan

kuesioner yang diisi oleh pegawai PT

Jamsostek Surakarta dan masyarakat.

Berdasarkan dari persentase jawaban

yang di peroleh dari responden pada

masing-masing pernyataan dalam kuisioner

itu, kemudian untuk menghitung prosentase

kelompok responden dan dapat ditampilkan

dalam bentuk grafik, maka dapat

dirumuskan sebagai berikut:

Skor ideal /skor tertinggi

(SMax) = 5 x n = 5n (SS)

Skor terendah (SMin) = 1 x n = n (STS),

dimana n = total responden

Skor (S) = ∑ (Jumlah Responden Pemilih

Jawaban x Bobot Jawaban)

Prosentase Interpretasi (P)

= Skor (S) x 100%

SMax

Dimana setiap jawaban diberikan bobot :

SS : Sangat Setuju (5)

S : Setuju (4)

N : Netral (3)

TS : Tidak Setuju (2)

STS : Sangat Tidak Setuju (1)

Selanjutnya untuk mengukur tingkat

Prosentase Interpretasi (P), yakni dengan

skala interval (Riduwan, 2005) sebagai

berikut:

Angka 0% - 20% = Sangat Lemah

Angka 21% - 40% = Lemah

Angka 41% - 60% = Cukup

Angka 61% - 80% = Kuat

Angka 81% - 100% = Sangat Kuat

Grafik prosentase skor untuk 10

responden user yang ditunjukkan pada

Gambar 21.

Gambar 21 Prosentase 10 responden user

94%

82%

72%

80%84%

76%

66%

82%76%

84%90%

82%84%86%

78%

0%

20%

40%

60%

80%

100%

Per

senta

se

Pernyataan

P1 P2 P3 P4 P5P6 P7 P8 P9 P10

Page 12: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

Keterangan :

P1 :Tampilan sistem informasi

kepegawaian berbasis web ini

cukup menarik.

P2 :Menu yang ada di dalam sistem

informasi kepegawaian ini sudah jelas.

P3 :Menu yang ada di dalam sistem

informasi kepegawaian ini sudah

lengkap.

P4 :Sistem informasi kepegawaian

ini membantu pengolahan data.

P5 :Sistem informasi kepegawaian

ini membantu dalam pencarian

informasi.

P6 :Tampilan gambar-gambar pada

sistem informasi kepegawaian

jelas.

P7 :Musik pada sistem informasi

kepegawaian ini membuat lebih

menyenangkan untuk

digunakan.

P8 :Video dalam sistem informasi

kepegawaian ini membuat

menjadi lebih menarik.

P9 :Berita di dalam sistem informasi

kepegawaian ini cukup lengkap.

P10 :Tampilan berita dalam sistem

informasi kepegawaian ini cukup

menarik.

P11 :Tampilan gallery dalam sistem

informasi kepegawaian ini

menarik.

P12 :Link download membantu dalam

memperoleh formulir dan

informasi lain.

P13 :Struktur organisasi membantu

dalam pencarian informasi

biodata diripegawai.

P14 :Sistem informasi kepegawaian

ini mudah untuk digunakan.

P15 :Keseluruhan sistem informasi

kepegawaian ini sudah cukup

baik.

Grafik prosentase skor untuk 2

responden admin ditunjukkan pada

Gambar 22.

Page 13: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

Gambar 22 Prosentase 2 responden

admin

Keterangan :

P1 :Tampilan sistem informasi

kepegawaian berbasis web ini

cukup menarik.

P2 :Menu yang ada di dalam sistem

informasi kepegawaian ini sudah jelas.

P3 :Menu yang ada di dalam sistem

informasi kepegawaian ini sudah

lengkap.

P4 :Sistem informasi kepegawaian

ini membantu pengolahan data.

P5 :Sistem informasi kepegawaian

ini membantu dalam pencarian

informasi.

P6 :Tampilan menu awal admin

mudah dipahami.

P7 :Tampilah menu berita daftar

berita, tambah, edit, dan hapus

berita mudah dipahami.

P8 :Tampilan menu agenda daftar

agenda, tambah, dan hapus

agenda mudah dipahami.

P9 :Tampilan menu download daftar

download, tambah, dan hapus

file download mudah dipahami.

P10 :Tampilah menu jabatan daftar

jabatan, tambah, edit, dan hapus

jabatan mudah dipahami.

P11 :Tampilah menu pegawai daftar

pegawai, tambah, edit, dan

hapus pegawai mudah dipahami.

P12 :Berita di dalam sistem informasi

kepegawaian ini cukup lengkap.

P13 :Struktur organisasi membantu

dalam pencarian informasi

biodata diri pegawai.

P14 :Sistem informasi kepegawaian

ini mudah untuk digunakan.

P15 :Keseluruhan sistem informasi

kepegawaian ini sudah cukup

baik.

Page 14: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

V. KESIMPULAN

Secara umum tujuan penelitian ini telah

berhasil dicapai dengan dibuatnya

pengembangan sistem informasi pada PT

Jamsostek Surakarta berbasis web sebagai

sarana untuk menyajikan informasi

mengenai Jamsostek Surakarta. Setelah

dilakukan pengujian dengan mengambil

sampel dari 10 responden user dan 2

responden admin. Dari hasil yang didapat

dalam penilaian melalui kuisioner dapat

disimpulkan bahwa sistem ini cukup baik

untuk di jadikan media informasi yang

menarik, praktis dan dapat membantu

dalam mencari informasi tentang

Jamsostek.

Page 15: PENGEMBANGAN SISTEM INFORMASI PADA PT JAMSOSTEK

Daftar Pustaka

Puspitosari, Heni A. “ Pemrograman Web Database dengan PHP dan MySQL Tingkat

Lanjut ”. Penerbit : Skripta. Malang, Juli 2010.

Saputra, Agus. “ Webtrik : PHP, HTML5, dan CSS3 ” Jakarta, Februari 2012.

Gregorius, Agung. “ Buku Pintar HTML5 + CSS3 + DreamWeaver CS6 ” Penerbit :

Jubilee Enterprise. Yogyakarta, 13 September 2012.

Susanto, Ardian 2011. “ Sistem Informasi penggajian Karyawan Berbasis Web Pada

Kejaksaan Negri Tanggerang ”. Tugas Akhir. Jakarta : Universitas Mercubuana

Jakarta.

Hartanti, Dian 2010. “ Analisis Sistem Informasi Kepegawaian Pemerintah Kotamadya

Jakarta Barat Berbasis Web ”. Jakarta : Informatika Bekasi.

Chaeruddin “ Pengembangan Sistem Informasi ”. Tersedia dalam :

http://chaeruddin.com/2010/10/20/7-pengembangan-sistem-informasi-kepegawaian-

simpeg/ [diakses tanggal 18 September 2012].

Harytzbachdim “ Sistem Informasi Kepegawaian ”. Tersedia dalam :

http://harytzbachdim.student.fkip.uns.ac.id/2009/10/21/5-harytz-kuliah/sistem-

informasi-kepegawaian/ [diakses 21 september 2012].

Alvyeone “ Apa Itu JAMSOSTEK ”. Tersedia dalam :

http://alvyeone.blogspot.com/2010/12/apa-itu-jamsostek.html [diakses tanggal 2

Oktober 2012].

Ardiyanto, Bayu. 2012. “ Perancangan Sistem Informasi Beasiswa Universitas

Diponegoro Berbasis Web ”. Skripsi. Semarang : Universitas Diponegoro Semarang.