TUGAS AKHIR PEMBUATAN SISTEM INFORMASI PELAYANAN KETENAGAKERJAAN BERBASIS WEB DI DINAS TENAGA KERJA DAN TRANSMIGRASI KABUPATEN WONOGIRI

perpustakaan.uns.ac.id

digilib.uns.ac.id

TUGAS AKHIR PEMBUATAN SISTEM INFORMASI PELAYANAN KETENAGAKERJAAN BERBASIS WEB DI DINAS TENAGA KERJA DAN TRANSMIGRASI KABUPATEN WONOGIRI

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Ilmu Komputer

Disusun oleh :

ALDIS MALMAN BELLA NIM. M3208041

PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2012

commit to user i


digilib.uns.ac.id

commit to user ii


digilib.uns.ac.id

commit to user iii


digilib.uns.ac.id

ABSTRACT

Aldis Malman Bella. 2012. DEVELOPMENT OF WEB-BASED INFORMATION SYSTEMS THE EMPLOYMENT SERVICE DEPARTMENT OF MANPOWER AND TRANSMIGRATION IN WONOGIRI REGENCY. 3rd Diploma Degree of Computer Science, Mathematic and Natural Science Faculty, Sebelas Maret University Surakarta. This final project describes the development of " Web-Based Information Systems The Employment Service Department Of Manpower And Transmigration In Wonogiri Regency" which is expected to improve the quality of service " Department Of Manpower and Transmigration In Wonogiri Regency" to society. It will be providing online employment services in the form of creating application Interagency Working Card or AK / I and Job Card or AK / III that allows people to get the service. The information system was made by using a web-based programming language PHP, which uses the concept of server-side scripting. This scripts do not depend on the browser because the script is executed and processed on the server and the results will be sent to the browser client. Database used was MySQL and for interface design used was Adobe Dreamweaver. Based on the developing system, conducted from the analysis phase to implementation, the information system is to facilitate a process of data collection, in this case the data will be easier for further processing because the data is stored on a storage medium that is more structured and organized and the search for a data will be faster handling with a computerized system. Keywords: MySQL, PHP, Website.

commit to user iv


digilib.uns.ac.id

ABSTRAK Aldis Malman Bella. 2012. PEMBUATAN SISTEM INFORMASI PELAYANAN KETENAGAKERJAAN BERBASIS WEB DI DINAS TENAGA KERJA DAN TRANSMIGRASI KABUPATEN WONOGIRI. Program Diploma III Ilmu Komputer. Fakultas Matematika dan Ilmu Pengetahuan Alam. Universitas Sebelas Maret Surakarta. Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi Pelayanan Ketenagakerjaan berbasis web di Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri yang diharapkan dapat meningkatkan kualitas pelayanan Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri masyarakat. Sistem informasi ini menyediakan aplikasi pelayanan ketenagakerjaan berupa pembuatan Kartu Antar Kerja atau AK/I dan Kartu Lowongan Pekerjaan atau AK/III secara online yang memudahkan masyarakat mendapatkan layanan tersebut. Sistem informasi ini dibuat dengan menggunakan bahasa pemrograman berbasis web PHP, yang menggunakan konsep server-side scripting dimana script ini tidak tergantung pada browser sebab script ini dijalankan dan diproses di server dan hasilnya akan dikirimkan ke browser client. Database yang digunakan adalah MySQL dan untuk desain interface menggunakan Adobe Dreamweaver. Berdasarkan pembuatan sistem yang telah dilaksanakan mulai tahap analisis sampai implementasi, sistem informasi ini dapat mempermudah suatu proses pendataan, dalam hal ini data lebih mudah untuk diproses lebih lanjut karena data disimpan pada media penyimpanan yang lebih terstruktur dan terorganisir serta pencarian suatu data akan lebih cepat penanganannya dengan sistem komputerisasi. Kata kunci : MySQL, PHP, Website.

commit to user v


digilib.uns.ac.id

HALAMAN MOTTO

Karena sesungguhnya sesudah kesulitan itu ada kemudahan, sesungguhnya sesudah kesulitan itu ada kemudahan. (Q.S. Al-Insyirah 5-6) Sometimes you have to make mistake to have forward. (Rio Ferdinand) Banyak kegagalan dalam hidup ini dikarenakan orang-orang tidak menyadari betapa dekatnya mereka dengan keberhasilan saat mereka menyerah. (Thomas Alfa Edison)

commit to user vi


digilib.uns.ac.id

HALAMAN PERSEMBAHAN

Ku persembahkan karyaku ini untuk : Bapak,Ibu,Kakak,Adik, Teman D3 angkatan 2008 dan 2009, terimakasih temen-temen atas dukungan semangatnya..

commit to user vii


digilib.uns.ac.id

KATA PENGANTAR

kum Warohmatullohi Wabarokatuh. Bismillahirrohmanirrohim, segala puji dan rasa syukur hanya penulis panjatkan ke haribaan Alloh

yang telah melimpahkan segala

kemudahannya hingga akhirnya penulis mampu menyelesaikan Tugas Akhir dan menuliskan laporannya tepat waktu. Laporan Tugas Akhir ini disusun untuk memenuhi sebagian persyaratan memperoleh kelulusan Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Dalam pelaksanaan Tugas Akhir, yang didalamnya termasuk kegiatan pembuatan laporan ini, penulis mendapat banyak bantuan dari berbagai pihak. Tanpa bantuan Alloh subhanahu melalui tangan mereka niscaya Tugas Akhir penulis tidak akan berjalan dengan lancar. Untuk itu penulis sampaikan rasa hormat dan menghaturkan rasa terima kasih kepada:

1. Drs. YS. Palgunadi, M.Sc., selaku Ketua Program Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 2. Abdul Aziz, S.Kom., M.Cs selaku pembimbing, yang telah memberikan bimbingan serta benar-benar membuka mata penulis akan ilmu-ilmu yang sempat tidak terpandang oleh penulis. 3. Abdul Aziz, S.Kom., M.Cs,

dan Meiyanto

Eko Sulistyo, S.T., M.Eng. selaku dosen penguji Tugas Akhir. 4. Muhammad Asri

osen yang menangani Tugas Akhir.

5. Marwah, SH selaku sekretaris Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri yang telah memberikan ijin dan kesempatan untuk melakukan penelitian. 6. Keluarga penulis, Bapak Ibu penulis yang terus memberikan dukungan dan doa yang tiada henti.

commit to user viii


digilib.uns.ac.id

7. Teman-teman satu pembimbing yang setia memberikan dorongan semangat antara lain : Yurnalis Ilyas, Bayu Nur Prabawa S, Syaiful Muhammad, Fahmi Maulana yang selalu menjadi tempat sharing dan berbagi informasi tentang bimbingan selama pengerjaan tugas akhir. 8. Teman-teman adik tingkat satu perjuangan dari Teknik Informatika 2009, terimakasih atas support dan bantuan kalian. 9. Seluruh pihak-pihak yang tidak dapat penulis cantumkan satu persatu, atas segala bimbingan, bantuan, kritik dan saran dalam penyusunan tugas akhir ini. Bukan lagi rahasia, sebuah karya selalu disertai kekurangannya, oleh sebab itu penulis memohon kelapangan hati pembaca sekalian untuk menerima kekurangan yang ada dalam laporan Tugas Akhir ini. kum Warohmatullohi Wabarokatuh.

Surakarta,

Juni 2012

Penulis

commit to user ix


digilib.uns.ac.id

DAFTAR ISI

Halaman HALAMAN JUDUL .............................................................................................

i

HALAMAN PERSETUJUAN .............................................................................. ii HALAMAN PENGESAHAN ............................................................................... iii ABSTRACT .......................................................................................................... iv ABSTRAK ............................................................................................................ v HALAMAN MOTTO ........................................................................................... vi HALAMAN PERSEMBAHAN ........................................................................... vii KATA PENGANTAR .......................................................................................... viii DAFTAR ISI ......................................................................................................... x DAFTAR TABEL ................................................................................................. xiv DAFTAR GAMBAR ............................................................................................ xv BAB I

PENDAHULUAN .............................................................................. 1 1.1 Latar Belakang ................................................................................... 1 1.2 Perumusan Masalah............................................................................ 3 1.3 Batasan Masalah................................................................................. 3 1.4 Tujuan dan Manfaat ........................................................................... 3 1.4.1 Tujuan........................................................................................ 3 1.4.2 Manfaat...................................................................................... 3 1.5 Metodologi Penelitian ........................................................................ 3 1.5.1 Observasi Lapangan .................................................................. 4 1.5.2 Pengumpulan Data .................................................................... 4 1.5.3 Konseptualisasi.......................................................................... 4 1.5.4 Perancangan Basis Data ............................................................ 4 1.5.5 Perancangan Interface ............................................................... 5 1.5.6 Perancangan Program Aplikasi ................................................. 5 1.5.7 Validasi Program ....................................................................... 5 1.5.8 Kesimpulan dan Saran............................................................... 6 1.6 Sistematika Penulisan......................................................................... 6

commit to user x


BAB II

digilib.uns.ac.id

LANDASAN TEORI ......................................................................... 7 2.1 Tinjauan Pustaka ................................................................................ 7 2.1.1 Definisi Sistem .......................................................................... 7 2.1.2 Definisi Sistem Informasi.......................................................... 7 2.2 Definisi Basis Data ............................................................................. 7 2.3 Data Flow Diagram (DFD) ................................................................ 8 2.4 Context Diagram (CD) ....................................................................... 9 2.5 Entitiy Relationship Diagram (ERD) ................................................. 9 2.6 HTML, PHP, MySQL, JQuery, dan CSS........................................... 10 2.6.1 HTML........................................................................................ 10 2.6.2 PHP............................................................................................ 11 2.6.3 MySQL ...................................................................................... 13 2.6.4 JQuery ....................................................................................... 14 2.6.5 CSS ............................................................................................ 16

BAB III

ANALISIS DAN PERANCANGAN ................................................. 19

3.1 Analisa Sistem .................................................................................... 19 3.2 Deskripsi Program .............................................................................. 20 3.3 Perancangan Sistem............................................................................ 21 3.3.1 External Entity........................................................................... 21 3.3.2 Context Diagram ....................................................................... 21 3.3.3 Data Flow Diagram Level 0 ..................................................... 23 3.3.4 Data Flow Diagram Level 1 Proses 1 ....................................... 24 3.3.5 Data Flow Diagram Level 1 Proses 2 ....................................... 25 3.3.6 Data Flow Diagram Level 1 Proses 3 ....................................... 26 3.3.7 Data Flow Diagram Level 2 Proses 2.3 .................................... 26 3.4 Analisa dan Perancangan Basis Data ................................................ 27 3.4.1 Entity Relationship Diagram (ERD) ......................................... 27 3.4.2 Skema Diagram (Relasi Antar Tabel) ....................................... 28 3.4.3 Deskripsi Tabel ......................................................................... 29 3.4.3.1 Tabel Berita .................................................................. 29 3.4.3.2 Tabel User .................................................................... 29

commit to user xi


digilib.uns.ac.id

3.4.3.3 Tabel Agama ................................................................. 30 3.4.3.4 Tabel Status .................................................................. 30 3.4.3.5 Tabel Pendidikan .......................................................... 30 3.4.3.6 Tabel Bahasa ................................................................. 31 3.4.3.7 Tabel Riwayat Kerja ..................................................... 31 3.4.3.8 Tabel Kecamatan .......................................................... 31 3.4.3.9 Tabel Pekerjaan ............................................................ 32 3.4.3.10 Tabel Pencaker ............................................................ 33 3.4.3.11 Tabel Pemberi Kerja ................................................... 34 3.4.3.12 Tabel Jenis Perusahaan ............................................... 35 3.5 Analisa Kebutuhan Hardware dan Software ..................................... 35 3.5.1 Analisa Kebutuhan Hardware ................................................... 35 3.5.2 Analisa Kebutuhan Software ..................................................... 35 3.6 Desain Rancangan Interface............................................................... 36 3.6.1 Rancangan Halaman Utama ...................................................... 36 3.6.2 Rancangan Interface Login dan Daftar User............................. 37 3.6.3 Rancangan Interface Pengisian Data AK/I User....................... 38 3.6.4 Rancangan Interface Pengisian Data Perusahaan ..................... 40 3.6.5 Rancangan Interface Pengisian Lowongan Pekerjaan AK/III .. 40 3.6.6 Rancangan Halaman User Pencaker dan Perusahaan ............... 42 3.6.7 Rancangan Interface Login Admin ........................................... 43 3.6.8 Rancangan Halaman Admin...................................................... 43 3.6.9 Rancangan Interface Admin Data User .................................... 44 3.6.10 Rancangan Interface Admin Data AK/I .................................. 45 3.6.11 Rancangan Interface Admin Data AK/III ............................... 45 BAB IV

IMPLEMENTASI .............................................................................. 46

4.1 Implementasi Sistem .......................................................................... 46 4.1.1 Halaman User ........................................................................... 46 4.1.2 Halaman Admin ........................................................................ 52 4.2 Testing dan Validasi Program ............................................................ 62 4.2.1 Mendaftar account user pencari kerja ....................................... 63

commit to user xii


digilib.uns.ac.id

4.2.2 Edit data-data account pencari kerja ......................................... 64 4.2.3 Mendaftar account user pemberi kerja...................................... 65 4.2.4 Membuat AK/III baru................................................................ 67 4.2.5 Edit data-data account pemberi kerja ........................................ 67 4.2.6 Masuk halaman admin .............................................................. 68 4.2.7 Edit profil account pada halaman admin................................... 69 4.2.8 Edit berita pada halaman admin ................................................ 69 4.2.9 Cek search engine setiap menu pada halaman admin ............... 70 4.2.10 Edit user pada halaman admin ................................................ 70 4.2.11 Mengelola AK/I pada halaman admin .................................... 71 4.2.12 Mengelola AK/III pada halaman admin .................................. 71 4.2.13 Mengelola data perusahaan pada halaman admin ................... 72 BAB V

PENUTUP .......................................................................................... 73 5.1 Kesimpulan ......................................................................................... 73 5.2 Saran ................................................................................................... 73

DAFTAR PUSTAKA ........................................................................................... 74 LAMPIRAN .......................................................................................................... 75

commit to user xiii


digilib.uns.ac.id

DAFTAR TABEL

Tabel 3.1 berita.................................................................................................... 29 Tabel 3.2 user ...................................................................................................... 29 Tabel 3.3 agama .................................................................................................. 30 Tabel 3.4 status.................................................................................................... 30 Tabel 3.5 pendidikan ........................................................................................... 30 Tabel 3.6 bahasa .................................................................................................. 31 Tabel 3.7 riwayat_kerja ....................................................................................... 31 Tabel 3.8 kecamatan............................................................................................ 31 Tabel 3.9 pekerjaan ............................................................................................. 32 Tabel 3.10 pencaker .............................................................................................. 33 Tabel 3.11 pemberi_kerja...................................................................................... 34 Tabel 3.12 jenis_perusahaan ................................................................................. 35 Tabel 4.1 Test Case Mendaftar Account User Pencari Kerja................................ 63 Tabel 4.2 Test Case Edit Data-data Account Pencari Kerja .................................. 64 Tabel 4.3 Test Case Mendaftar Account User Pemberi Kerja .............................. 65 Tabel 4.4 Test Case Membuat AK/III baru........................................................... 67 Tabel 4.5 Test Case Edit Data-data Account Pemberi Kerja ................................ 67 Tabel 4.6 Test Case Masuk Halaman Admin ....................................................... 68 Tabel 4.7 Test Case Edit Profil Account Pada Halaman Admin........................... 69 Tabel 4.8 Test Case Edit Berita Pada Halaman Admin ........................................ 69 Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin ..... 70 Tabel 4.10 Test Case Edit Berita Pada Halaman Admin ...................................... 70 Tabel 4.11 Test Case Mengelola AK/I Pada Halaman Admin ............................. 71 Tabel 4.12 Test Case Mengelola AK/III Pada Halaman Admin........................... 71 Tabel 4.13 Test Case Mengelola Data Perusahaan Pada Halaman Admin ........... 72

commit to user xiv


digilib.uns.ac.id

DAFTAR GAMBAR

Gambar 2.1

Simbol Entitas DFD ...................................................................... 8

Gambar 2.2

Simbol Alur DFD .......................................................................... 9

Gambar 2.3

Simbol Proses DFD ....................................................................... 9

Gambar 2.4

Simbol Berkas DFD ...................................................................... 9

Gambar 2.5

Skema Kerja HTML ...................................................................... 11

Gambar 2.6

Skema Kerja PHP .......................................................................... 12

Gambar 2.7

Filosofi Pemrogaman Jquery......................................................... 15

Gambar 2.8

Bentuk Umum Penulisan CSS....................................................... 17

Gambar 3.1

Context Diagram (CD) .................................................................. 22

Gambar 3.2

DFD Level 0 .................................................................................. 23

Gambar 3.3

DFD Level 1 Proses 1 .................................................................... 24

Gambar 3.4

DFD Level 1 Proses 2 .................................................................... 25

Gambar 3.5

DFD Level 1 Proses 3 .................................................................... 26

Gambar 3.6

DFD Level 2 Proses 2.2 ................................................................. 26

Gambar 3.7

ERD Sistem Informasi Pelayanan Ketenagakerjaan ..................... 27

Gambar 3.8

Relasi Hubungan Antar Tabel ....................................................... 28

Gambar 3.9

Rancangan Halaman Utama .......................................................... 37

Gambar 3.10 Rancangan Interface Login dan Daftar User ................................. 38 Gambar 3.11 Rancangan Interface Pengisian Data AK/I User ........................... 39 Gambar 3.12 Rancangan Interface Pengisian Data Perusahaan ......................... 40 Gambar 3.13 Rancangan Interface Pengisian Lowongan Pekerjaan .................. 41 Gambar 3.14 Rancangan Interface Halaman User Pencaker dan Perusahaan .... 42 Gambar 3.15 Rancangan Interface Login Admin ............................................... 43 Gambar 3.16 Rancangan Halaman Admin.......................................................... 44 Gambar 3.17 Rancangan Interface Admin Data User ........................................ 44 Gambar 3.18 Rancangan Interface Admin Data AK/I ........................................ 45 Gambar 3.19 Rancangan Interface Admin Data AK/III ..................................... 45 Gambar 4.1

Halaman Utama ............................................................................. 47

Gambar 4.2

Interface Login dan Daftar User .................................................... 48

commit to user xv


digilib.uns.ac.id

Gambar 4.3

Interface Pengisian Data AK/I User.............................................. 49

Gambar 4.4

Interface Data Perusahaan ............................................................. 50

Gambar 4.5

Interface Pengisisan Lowongan Pekerjaan AK/III ........................ 51

Gambar 4.6

Halaman User Pencaker dan Perusahaan ...................................... 52

Gambar 4.7

Halaman Login Admin .................................................................. 53

Gambar 4.8

Halaman Admin............................................................................. 54

Gambar 4.9

Halaman Account Admin .............................................................. 54

Gambar 4.10 Halaman Berita .............................................................................. 55 Gambar 4.11 Halaman User ................................................................................ 56 Gambar 4.12 Halaman Layanan AK/I ................................................................. 57 Gambar 4.13 Halaman Preview AK/I ................................................................. 57 Gambar 4.14 Halaman Detail AK/II ................................................................... 58 Gambar 4.15 Halaman Layanan AK/III .............................................................. 59 Gambar 4.16 Halaman Detail AK/III .................................................................. 60 Gambar 4.17 Halaman Daftar Perusahaan .......................................................... 61 Gambar 4.18 Halaman Detail Perusahaan .......................................................... 62

commit to user xvi


digilib.uns.ac.id

BAB I PENDAHULUAN

1.1 Latar Belakang Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri (Disnakertrans Wonogiri) sebagai salah satu bagian dari Kementerian Tenaga Kerja dan Transmigrasi Negara Kesatuan Republik Indonesia yang ada di daerah, bertugas memberikan pelayanan kepada masyarakat dibidang ketenagakerjaan dan transmigrasi di daerah, khususnya di Kabupaten Wonogiri. Pemberlakuan otonomi daerah saat ini mendorong setiap daerah melakukan bentuk kegiatan pelayanan ketenagakerjaan yang berbeda-beda, hal ini disesuaikan dengan kebijakan peraturan daerah masing-masing. Namun tidak menutup kemungkinan pemerintah pusat dalam hal ini Kementerian Tenaga Kerja dan Transmigrasi Republik Indonesia mengawasi jalannya kinerja Dinas Tenaga Kerja dan Transmigrasi yang ada di masing-masing daerah. Perbedaan pelayanan di masingmasing daerah bisa juga disebabkan oleh faktor sarana, prasarana dan letak geografis serta infrastruktur yang ada di tiap daerah. Sesuai dengan Peraturan Daerah Kabupaten Wonogiri Nomor 3 Tahun 2002, pembagian wilayah administrasi Kabupaten Wonogiri terdiri dari 25 Kecamatan 294 Desa/ Kelurahan dengan perincian 251 Desa dan 43 Kelurahan. Dengan topografi daerah yang tidak rata dan luas wilayah 182.236,02 Ha serta letak kantor Dinas Tenaga Kerja dan Transmigrasi yang berada di pusat kota di Kecamatan Wonogiri yaitu terletak di Kabupaten Wonogiri paling Utara, hal ini membuat masyarakat di Kabupaten Wonogiri sulit mendapatkan pelayanan yang berkaitan dengan ketenagakerjaan dan transmigrasi, karena harus menempuh jarak yang cukup jauh untuk mendapatkan informasi dan pelayanan ketenagakerjaan dan transmigrasi dari Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri. Apabila masyarakat di Kabupaten Wonogiri ingin mendapatkan informasi dan layanan Kartu Antar Kerja I (AK/I) sebagai bagian dari pelayanan ketenagakerjaan. Masyarakat harus antri untuk mendapatkan layanan tersebut, dikarenakan kurangnya sarana penunjang teknologi informasi dalam ketersediaan

commit to user 1


digilib.uns.ac.id

2

informasi ketenagakerjaan dan pembuatan AK/I, karena masih menggunakan metode manual ditulis dengan tangan. Sehingga akan menimbulkan antrian yang padat dalam pemberian layanan tersebut. Begitu pula pelayanan ketenagakerjaan yang lain bagi para pemilik perusahaan yang ada di Kabupaten Wonogiri berdasarkan Permenakertrans RI No. 07/Men/IV/2008 dan Kepres No. 4 Tahun 1980 tentang Wajib Lapor Lowongan Pekerjaan, mewajibkan para pemilik perusahaan untuk melaporkan lowongan pekerjaan yang ada di perusahaan. Hal ini ditandai dengan penerbitan Kartu Antar Kerja III (AK/III) yang harus dimiliki oleh setiap pemilik perusahaan. Karena kurangnya pelayanan dalam pembuatan AK/III membuat para pemilik perusahaan malas untuk melaksanakan kewajiban pelaporan lowongan perusahaan kepada pemerintah. Padahal bila kita tinjau di Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri memiliki sarana dan prasarana yang cukup lengkap seperti komputer, printer, kamera digital, dan jaringan internet dengan kecepatan bandwidth yang cukup baik. Namun karena kurangnya teknologi sistem informasi, menyebabkan kurangnya optimalisasi pemanfaatan sarana dan prasarana penunjang teknologi tersebut. Untuk mengatasi hal tersebut selain dibutuhkan peningkatan kemampuan sumber daya manusia juga dibutuhkan solusi berupa Sistem Informasi Pelayanan Ketenagakerjaan yang dapat menunjang pengoptimalan sarana dan prasarana teknologi yang telah ada di Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri, serta dapat meningkatkan pelayanan masyarakat di Kabupaten Wonogiri. Untuk itu penulis mengambil judul Pembuatan Sistem Informasi Pelayanan Ketenagakerjaan Berbasis Web Di Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri .

commit to user


digilib.uns.ac.id

3

1.2 Perumusan Masalah Bagaimana merancang dan membuat sistem

informasi pelayanan

ketenagakerjaan berbasis web di Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri?

1.3 Batasan Masalah Dalam penulisan tugas akhir ini, maka penulis membatasi pembahasan masalah yang ada yaitu: 1. Penerbitan kartu AK/I bagi para pencari kerja. 2. Pendaftaran perusahaan penyedia lapangan pekerjaan atau pemberi kerja. 3. Pembuatan form AK/III atau pelaporan lowongan pekerjaan bagi perusahaan yang membutuhkan tenaga kerja.

1.4 Tujuan dan Manfaat 1.4.1 Tujuan Adapun tujuan dari penyusunan tugas akhir ini adalah untuk menciptakan sistem

informasi

pelayanan

ketenagakerjaan

Dinas

Tenaga

Kerja

dan

Transmigrasi Kabupaten Wonogiri berbasis web untuk mempermudah pelayanan yang meliputi pengolahan data, penyajian informasi ketenagakerjaan, dan mempermudah pembuatan AK/I dan AK/III.

1.4.2 Manfaat Sistem informasi pelayanan ketenagakerjaan yang telah dibuat diharapkan dapat meningkatkan pelayanan masyarakat, efisiensi dan efektifitas kinerja Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri.

1.5 Metodologi Penelitian Metode penelitian yang digunakan pada penyusunan tugas akhir ini adalah sebagai berikut:

commit to user


digilib.uns.ac.id

4

1.5.1

Observasi Lapangan Tahap Observasi merupakan tahap paling awal dalam kegiatan penelitian

ini. Pada Tahap ini dilakukan identifikasi kondisi dan permasalahan yang terjadi pada Disnakertrans Kabupaten Wonogiri.

1.5.2

Pengumpulan Data Dalam mengumpulkan data-data yang diperlukan terdapat dua metode

yaitu : 1) Metode observasi adalah metode pengumpulan data dengan cara melakukan pengamatan dan pencatatan data-data serta berbagai hal yang akan dibutuhkan dalam proses penelitian. 2) Studi pustaka merupakan metode pencarian dan pengumpulan data dengan cara mencari referensi, literatur atau bahan-bahan teori yang diperlukan dari berbagai sumber wacana yang berkaitan dengan pembuatan aplikasi ini.

Studi

pustaka

yang dilakukan oleh penulis yaitu

dengan cara

pengumpulan data melalui internet dan mencari buku-buku referensi yang berhubungan dengan tema dalam penyusunan tugas akhir.

1.5.3

Konseptualisasi Pada tahapan ini penulis membuat konsep yang akan digunakan dalam

pembuatan aplikasi. Penulis membuat konsep berdasarkan data-data yang telah diperoleh.

1.5.4

Perancangan Basis Data Pada tahap ini akan dilakukan perancangan basis data. Basis Data

merupakan kumpulan dari data yang saling berhubungan antara satu dengan lainnya. Basis Data merupakan komponen yang penting dalam pembuatan aplikasi. Perancangan basis data ini dibagi menjadi dua tahap, yaitu: 1) Pembuatan kode Pada tahap ini dibuat kode-kode field kunci yang lebih sederhana dan seragam serta mudah dimengerti oleh user.

commit to user


digilib.uns.ac.id

5

2) Perancangan fisik Pada tahap ini merancang tabel yang meliputi komponen tabel beserta ukuran dan tipe datanya.

1.5.5

Perancangan Interface Pada tahap ini dilakukan perancangan bentuk interface program yang

dibuat. Perancangan interface ini meliputi perancangan interface input dan output.

1.5.6

Perancangan Program Aplikasi Perancangan program aplikasi adalah perancangan interface dan penulisan

kode program sesuai dengan sistem yang telah dirancang. Untuk pembuatan program sistem ini, digunakan software-software pembantu sebagai berikut : 1) PHP adalah bahasa pemograman yang berbentuk scripting. Sistem kerja ini adalah interpreter bukan sebagai compiler. Bahasa interpreter adalah bahasa yang script-script program tidak harus diubah kedalam bentuk source code. Sedangkan

bahasa kompiler adalah bahasa yang akan

mengubah script - script program kedalam source code, selanjutnya dari bentuk source code akan diubah menjadi object code, bentuk dari obyek code akan menghasilkan file yang lebih kecil dari file mentah sebelumnya. 2) Adobe Dreameweaver merupakan sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Perangkat lunak ini digunakan sebagai editor script dalam pembuatan website dengan menggunakan bahasa pemrograman web PHP dan HTML. 3) MySQL, digunakan sebagai pengolah Database yang akan menampung semua data.

1.5.7

Validasi program Validasi program merupakan proses pengujian terhadap program aplikasi

yang telah dibuat untuk mengetahui apakah berjalan dengan baik atau tidak.

commit to user


digilib.uns.ac.id

6

1.5.8

Kesimpulan dan Saran Bagian ini berisi kesimpulan mengenai semua tahapan yang telah dilalui

serta saran yang berkenaan dengan hasil yang telah dicapai.

1.6 Sistematika Penulisan Sistematika penulisan yang digunakan dalam penyusunan Tugas Akhir ini sebagai berikut: BAB I PENDAHULUAN, bab ini berisi uraian yang memuat tentang segala yang melatarbelakangi penulis melakukan penelitian dan yang menjadi dasar dari permasalahan, yang terdiri dari beberapa sub bab, yaitu latar belakang masalah, perumusan masalah, batasan masalah, tujuan dan manfaat, metode penelitian dan sistematika penulisan. BAB II LANDASAN TEORI, bab ini berisi landasan teori yang memuat teori-teori yang menunjang dalam laporan Tugas Akhir ini. BAB III ANALISIS DAN PERANCANGAN, bab ini berisi langkahlangkah penyelesaian masalah secara umum. Tahapan itu meliputi analisis dan perancangan sistem yang dibangun oleh penulis. BAB IV IMPLEMENTASI, bab ini berisi uraian analisis terhadap sistem dan implementasi perancangan dalam hal kerja sistem. Bab ini berisi penjelasan dari desain antarmuka sistem. BAB V PENUTUP, bab ini berisi kesimpulan yang didapatkan dari analisis mengenai keterkaitan dengan tujuan pembuatan sistem serta saran-saran yang berkaitan dengan penggunaan sistem dan atau pengembangan sistem di masa yang akan datang yang diperlukan dalam mendapatkan hasil yang lebih baik.

commit to user


digilib.uns.ac.id

BAB II LANDASAN TEORI

2.1 Tinjauan Pustaka 2.1.1 Definisi Sistem Sistem adalah jaringan kerja dari prosedur

prosedur yang saling

berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau menyelesaikan suatu sasaran tertentu. Suatu sistem yang baik harus mempunyai tujuan dan sasaran yang tepat karena hal ini akan sangat menentukan dalam mendefinisikan masukan yang dibutuhkan sistem dan juga keluaran yang dihasilkan. Sistem juga merupakan kumpulan elemen

elemen yang saling terkait dan

bekerja sama untuk memproses masukan yang ditujukan kepada sistem tersebut serta mengolah masukan tersebut sampai menghasilkan keluaran (output) yang diinginkan (Kristanto, 2003).

2.1.2 Definisi Sistem Informasi Sebuah sistem informasi merupakan kumpulan dari perangkat keras dan perangkat lunak komputer serta perangkat manusia yang akan mengolah data menggunakan perangkat keras dan perangkat lunak tersebut. Selain itu data juga memegang peranan yang penting dalam sistem informasi. Data yang akan dimasukkan dalam sebuah sistem informasi dapat berupa formulir - formulir, prosedur - prosedur, dan bentuk data lainnya. Informasi merupakan kumpulan data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerima. Tanpa suatu informasi, suatu sistem tidak akan berjalan dengan lancer (Kristanto, 2003).

2.2 Definisi Basis Data Basis Data adalah kumpulan data, yang dapat digambarkan sebagai aktivitas dari satu atau lebih organisasi yang berelasi (Kristanto, 2003).

commit to user 7


digilib.uns.ac.id

8

Managemen sistem basis data (DBMS) adalah perangkat lunak yang didesain untuk membantu dalan hal pemeliharaan dan utilitas kumpulan data dalam jumlah besar. DBMS dapat menjadi alternatif penggunaan secara khusus suatu aplikasi, misal penyimpanan data dalam field dan menulis kode aplikasi yang spesifik untuk pengaturannya (Kristanto, 2003).

2.3 Data Flow Diagram (DFD) DFD adalah suatu model logika data atau proses yang dibuat untuk menggambarkan darimana asal data dan kemana tujuan data yang keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut dan interaksi antara data yang tersimpan dan proses yang dikenakan pada data tersebut (Kristanto, 2003). DFD menggambarkan penyimpanan data dan proses mengubah data. DFD menunjukkan hubungan antara data pada sistem dan proses pada sistem. Ada 2 teknik dasar DFD yang umum dipakai yaitu Gane dan Sarson dan Yourdan and De Marco. Dalam pembuatan perancangan DFD penulis menggunakan penggabungan antara 2 teknik dasar tersebut yaitu : 1.

Entity Luar Entity luar digambarkan dengan simbol persegi biasa. Seperti teknik Gane/Serson, entity luar diberi huruf sebagai identitas misalnya K untuk Konsumen dan A untuk Agen. Perhatikan gambar berikut ini : K Konsumen

A Agen

Gambar 2.1 Simbol Entitas DFD

Entity luar merupakan sumber atau tujuan dari aliran data dari atau ke sistem. Entity merupakan lingkungan luar dari sistem, jadi tidak tahu menahu mengenai apa yang terjadi di entity luar. Entity luar biasanya digambarkan secara fisik dengan sekelompok orang atau mungkin sebuah sistem.

commit to user


digilib.uns.ac.id

9

2.

Aliran data Menggambarkan aliran data dari stu proses ke proses lainnya. Adapun simbol dari aliran data bentuk garisnya boleh bebas yaitu sebagai berikut :

Gambar 2.2 Simbol Alur Data DFD

3.

Proses Proses atau fungsi yang mengubah data, secara umum digambarkan dengan lingkaran. Seperti pada gambar berikut ini :

Gambar 2.3 Simbol Proses DFD

4.

Berkas atau tempat penyimpanan Merupakan komponen yang berfungsi untuk menyimpan data atau file. Simbol dari berkas ini dapat digambarkan dengan segi empat tertutup dan penggambarannya adalah sebagai berikut :

Gambar 2.4 Simbol Berkas DFD

2.4 Context Diagram (CD) Diagram konteks adalah sebuah diagram sederhana yang menggambarkan hubungan antara entity luar, masukan dan keluaran dari sistem. Diagram konteks direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan dari sistem (Kristanto, 2003).

2.5 Entity Relationship Diagram (ERD) Pada Entity Relationship Diagram (ERD), gambaran dunia nyata diistilahkan dalam objek dan relasinya. ERD biasanya digunakan untuk mengembangkan inisial dari desain basis data. Dan menyediakan suatu konsep

commit to user


digilib.uns.ac.id

10

yang bermanfaat yang dapat mengubah deskripsi informal dari apa yang diinginkan oleh user menjadi hal yang lebih detail, presisi, dan deskripsi detail tersebut dapat diimplementasikan kedalam DBMS (Andri Kristanto, 2003). Dalam entity relationship diagram, relasi yang bisa terjadi antara 2 file adalah sebagai berikut : 1. One to one relationship Hubungan antara file pertama dengan file kedua adalah satu banding satu. Bentuk yang lain dari one to one, kadang menggunakan hubungan 1 : 1 2. One to many relationship Hubungan antara file yang pertama dengan file kedua adalah satu banding banyak. Bentuk yang lain dari one to many, kadang menggunakan hubungan 1 :N 3. Many to many relationship Hubungan antara file yang pertama dengan file yang kedua adalah banyak banding banyak. Bentuk yang lain dari one to many, kadang menggunakan hubungan N : N. Relasi yang bisa terjadi antara 2 file juga bisa terjadi pada 1 file dengan jenis relasi yang sama.

2.6 HTML, PHP, MySQL, JQuery, dan CSS 2.6.1 HTML HTML (Hipertext Markup Language) adalah bahasa yang memelopori hadirnya web dan internet. HTML adalah bahasa standar untuk membuat halaman web. Bahasa ini merupakan bahasa pemrogaman yang digunakan oleh sebagian besar situs web yang dikunjungi. HTML saat ini dikenal oleh hampir semua komputer yang ada di dunia dan merupakan cara paling universal untuk membuat sebuah dokumen. HTML dibuat dari tag. Sebuah tag adalah sepotong teks yang dikurung oleh <>. Tag diperlukan untuk membedakan antara perintah HTML dan yang bukan perintah HTML. Tag terdiri dari 2 macam, yaitu tag pembuka dan tag penutup. Jadi biasanya tag berdiri berpasangan dan akan tampak seperti ini:

commit to user


digilib.uns.ac.id

11

kata-kata tag nantinya akan digantikan dengan berbagai perintah HTML (Prasetio, 2010).

Gambar 2.5 Skema Kerja HTML

Prinsip kerja HTML diawali dengan permintaan suatu halaman web oleh browser. Berdasarkan URL (Uniform Resource Locator). Yang dikenal dengan alamat internet, browser mendapatkan alamat dari web server, mengidentifikasi halaman yang dikehendaki dan menyampaikan segala informasi yang dibutuhkan oleh web server. Selanjutnya web server mencari berkas yang diminta untuk memberikan isinya ke browser. Browser menampilkan isinya ke layar pemakai.

2.6.2 PHP Menurut dokumen resmi PHP, PHP merupakan singkatan dari Hypertext Peprocessor. PHP merupakan bahasa berbentuk skrip yang ditempatkan pada server dan di proses di server. Bermula pada tahun 1994 saat Rasmus Lerdorf membuat sejumlah skrip perl yang dapat mengamati siapa saja yang melihat-lihat riwayat hidupnya. Skripskrip ini selanjutnya dikemas menjadi tool

Personal Home Page

Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Rasmus menciptakan PHP/FI versi 2. Pada versi ini pemrogram dapat menempelkan kode

commit to user


digilib.uns.ac.id

12

terstruktur di dalam tag HTML. Selain itu, kode PHP juga bisa berkomunikasi dengan database dan melakukan perhitungan-perhitungan yang kompleks. Saat ini PHP cukup populer sebagai piranti pemrograman web, terutama di lingkungan linux. Namun demikian PHP sebenarnya juga dapat berfungsi pada server berbasis UNIX, Windows NT dan Macintosh. Bahkan versi untuk windows 95/98 pun tersedia. Pada awalnya PHP dirancang untuk diintegrasikan dengan web server Apache. Namun saat ini PHP juga dapat bekerja dengan web server seperti PWS (Personal Web Server), IIS (Internet Information Server) dan Xintami. PHP dapat di download secara bebas dan gratis melalui situs www.php.net.

Gambar 2.6 Skema Kerja PHP

Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Prinsip kerja PHP mirip dengan kode HTML, hanya saja ketika berkas PHP yang diminta didapatkan oleh web server, isinya segera dikirim ke mesin PHP dan mesin inilah

commit to user


digilib.uns.ac.id

13

yang memproses dan memberikan hasilnya berupa kode HTML ke web server dan selanjutnya web server menyampaikan ke client (http://alfian.blogsome.com/).

2.6.3 MySQL MySQL adalah salah satu dari sekian banyak sistem database yang merupakan terobosan solusi yang tepat dalam aplikasi database. MySQL merupakan turunan salah satu konsep utama dalam database sejak lama yaitu SQL (Structured Query Language). MySQL dikembangkan pada tahun 1994 oleh sebuah perusahaan pengembang software dan konsultan database di Swedia bernama TcX Data Konsult AB. Tujuan awal dikembangkan MySQL adalah untuk mengembangkan aplikasi berbasis web pada client. Saat ini MySQL dapat di-download secara gratis di www.mysql.com. Sebagai database server yang memiliki konsep database modern MySQL memiliki banyak sekali keistimewaan antara lain: 1.

Portabilitas, dapat berjalan stabil pada berbagai sistem operasi, seperti Windows, Linux, MacOS, dan lain-lain.

2.

Open Source, didistribusikan secara gratis dibawah lisensi GPL (General Public License).

3.

Multiuser, dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami masalah.

4.

Performance Tuning, memiliki kecepatan yang menakjubkan dalam menangani query yang sederhana, dapat memproses lebih banyak SQL per satuan waktu.

5.

Security, memiliki beberapa lapisan sekuritas seperti level subnet mask, nama host, izin akses user dengan sistem perizinan yang mendetail serta password yang terenkripsi.

6.

Scalability and Limits, mampu menangani database dalam skala besar, dengan jumlah record lebih dari 50 juta dan 60 ribu tabel serta 5 miliar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada setiap tabelnya.

commit to user


digilib.uns.ac.id

14

7.

Connectivity, dapat melakukan koneksi dengan client menggunakan protocol TCP/IP, Unix Socket (Unix), atau Named pipes (NP).

8.

Localisation, dapat mendeteksi pesan kesalahan pada client dengan menggunakan lebih dari 20 bahasa.

9.

Interface, memiliki antarmuka (interface) terhadap beberapa aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).

10. Clients and Tools, dilengkapi dengan berbagai tool yang dapat digunakan untuk administrasi database, dan pada setiap tool yang ada disertakan petunjuk online.

2.6.4 JQuery JQuery adalah Javascript Library atau sekumpulan kode dan fungsi Javascript siap pakai, sehingga mempermudah dan mempercepat dalam membuat kode Javascript. Javascript merupakan pemrogaman web yang berjalan di sisi klien (browser), sehingga Javascript dapat membuat website lebih hidup (interaktif dan responsif). Beberapa contoh yang bisa dilakukan oleh Javascript adalah pembuatan animasi, kotak dialog, mengubah bentuk cursor mouse, validasi form, dan lain-lain. Kemampuan istimewa lainnya, Javascript dapat membuat website dengan cita rasa desktop. Secara standar pembuatan kode Javascript diperlukan kode yang cukup panjang, bahkan terkadang sulit untuk dipahami. Disinilah peran jQuery sebagai Javascript Library, dimana fungsi yang terdapat di dalam Library bisa langsung dipanggil. Namun kita perlu menyediakan file Library jQuery yang diletakkan di dalam folder atau sub folder yang sama dengan file-file source code HTML dan PHP.

Library

jQuery

tersebut

bisa

kita

download

secara

gratis

di

www.jQuery.com. Jquery menyederhanakan kode Javascript. Hal ini sesuai cukup tulis sedikit, tetapi bisa melakukan banyak hal (Lukmanul Hakim, 2010). Filosofi dasar penulisan pemrograman jQuery dituliskan diantara tag ... di dalam script HTML. Fungsi jQuery akan mencari suatu

commit to user


digilib.uns.ac.id

15

elemen tertentu yang telah didefinisikan di bagian ... , kemudian melakukan sesuatu terhadap elemen tersebut.

Gambar 2.7 Filosofi Pemrogaman Jquery (Lukmanul Hakim, 2010)

Dalam mempelajari jQuery kita mengenal 3 hal dasar jQueri API (Application Programming Interface) antara lain: 1. Selectors Selectors berfungsi untuk memilih atau mengambil elemen-elemen tertentu yang ingin dilakukan operasi terhadap elemen tersebut atau manipulasi terhadap elemen-elemen tersebut. Adapun elemen-elemen dasar yang dapat dipilih oleh selectors adalah sebagai berikut: o Selectors tag. Cara menggunakan selectors tag adalah dengan langsung menyebut nama tag atau elemennya o Selectors id Cara menggunakan selectors id adalah dengan menyertakan tanda kres (#) sebelum nama elemennya o Selectors class Cara menggunakan selectors class adalah dengan menyertakan tanda titik (.) sebelum nama elemennya

commit to user


digilib.uns.ac.id

16

2. Events Events memutuskan kapan dilakukannya operasi pada selectors yang telah ditentukan, misalnya elemen yang telah dipilih (selectors) akan dilakukan operasi terhadapnya setelah di klik (click) atau setelah klik 2x (dblclick), setelah mouse berada di atas objek (hover), dan sebagainya. 3. Effects Effects merupakan aksi yang diterima setelah dilakukannya events. Effects akan merubah tampilan selectors yang telah dideklarasikan sebelumnya ketika events dilakukan. Adapun effects yang dimiliki jQuery adalah show, hide, toggle, slideUp, slideDown, slideToggle, fadeIn, fadeOut, animate, dan sebagainya. Bila disimpulkan, sebenarnya hanya ada tiga langkah pokok dalam menggunakan jQuery, yaitu:

1. Panggil atau load library 2. Buat objek beserta elemennya berupa id atau class di bagian body. 3. Buat script jQuery di bagian head untuk mengontrol objek berdasarkan elemennya.

2.6.5 CSS CSS (Cascading Style Sheet) merupakan suatu bahasa pemrogaman web yang digunakan untuk mengendalikan dan membangun berbagai komponen dalam web sehingga tampilan web akan lebih rapi, terstruktur, dan seragam. CSS saat ini dikembangkan oleh World Wide Web Consortium (W3C) dan menjadi bahasa standar dalam pembuatan web. CSS difungsikan sebagi penopang atau pendukung, dan pelengkap dari file html yang berperan dalam penataan kerangka dan layout. CSS dapat berjalan di berbagai platform, sistem operasi dan web browser. Secara umum,yang dilakukan oleh CSS adalah pengaturan layout, kerangka, teks, gambar, warna, tabel, spasi, dan lain sebagainya. Saat ini, CSS telah mencapai pada versi yang ketiga (Agus Saputra dan Feni Agustin, 2011).

commit to user


digilib.uns.ac.id

17

1.

CSS-1, dikembangkan dan berpusat pada formating dokumen HTML.

2.

CSS-2, dikembangkan untuk bisa memenuhi kebutuhan terhadap format dokumen supaya bisa ditampilkan di printer. Pada CSS-2 ini mendukung juga dalam penentuan posisi content, downloadable, font, table-layout, dan media type untuk printer.

3.

CSS-3, merupakan versi pengembangan dari sebelumnya. Pada versi ini terdapat beberapa tambahan dan mengarah pada efek animasi. Namun, saat ini belum semua didukung oleh web browser. CSS memiliki dua sifat penulisan kode program, yaitu internal dan

eksternal. 1.

Internal, jika kode CSS dimasukkan atau disisipkan ke dalam file kode HTML.

2.

Eksternal, jika kode CSS dibuat terpisah dengan file HTML untuk kemudian kode CSS tersebut dapat kita panggil berulang-ulang guna dihubungkan dengan HTML. Secara garis besar bentuk umum penulisan kode CSS adalah sebagai

berikut.

Gambar 2.8 Bentuk Umum Penulisan CSS (Agus Saputra dan Feni Agustin, 2011)

Terdapat 3 bagian utama dalam bentuk umum penulisan CSS, yaitu selectors, properties, dan value. 1.

Selectors Seperti halnya jQuery CSS juga mengenal istilah selectors untuk

menentukan kode HTML mana yang akan diberikan suatu aksi atau elemen apa yang terkena dampak dari deklarasi CSS. Bentuk penulisan selectors pada CSS juga sama, baik selectors tag, id atau class. Selectors merupakan penghubung

commit to user


digilib.uns.ac.id

18

antara dokumen HTML dan style. CSS bisa dikategorikan sebagai bagian dari jQuery. 2.

Properties Properties merupakan suatu atributyang akan berfungsi untuk mengatur

elemen HTML. Properties ini akan diisi oleh suatu nilai (value) yang penulisannya dipisahkan oleh tanda titik dua ( : ) dan keduanya juga diapit tanda kurung kurawal ( { ) dan ( } ). 3.

Value Value merupakan suatu nilai yang nanti akan diisikan ke dalam properties

tersebut. Value digunakan untuk mengatur nilai apa yang akan digunakan. Penulisan kode CSS mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen web. CSS juga membuat akses web lebih cepat di-loading (mempercepat pembacaan HTML) serta membuat web jadi lebih fleksibel, interaktif, tampilan lebih menarik, dan nyaman dipandang.

commit to user


digilib.uns.ac.id

BAB III ANALISIS DAN PERANCANGAN

3.1 Analisis Sistem Secara garis besar menurut Permen No. 07/MEN/IV/2008 tentang Ketenagakerjaan, Kementrian Tenaga Kerja dan Transmigrasi Republik Indonesia di daerah, dalam hal ini Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri mempunyai kewajiban dalam pelayanan terhadap masyarakat yang berhubungan dengan ketenagakerjaan. Pelayanan Ketenagakerjaan Dinas Tenaga Kerja dan Transmigrasi antara lain pelayanan kartu antar kerja (AK/I) yang diperuntukkan bagi para pencari kerja (pencaker) dan pelayanan kartu lowongan pekerjaan (AK/III) yang diperuntukkan bagi para perusahaan (pemberi kerja). Kedua kartu AK/I dan AK/III tersebut juga merupakan kewajiban bagi para pencaker

maupun

pemberi

kerja

yang

diatur

dalam

undang-undang

ketenagakerjaan Republik Indonesia. Sistem pelayanan AK/I dan AK/III di Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri saat ini dilakukan dengan cara konvensional. Yaitu para pencaker maupun pemberi kerja datang ke kantor pelayanan dengan membawa berkas persyaratan pembuatan AK/I maupun AK/III kemudian antri untuk mendapatkan pelayanan. Dikarenakan kurangnya sarana penunjang teknologi informasi dalam ketersediaan informasi ketenagakerjaan, pembuatan AK/I maupun AK/III masih menggunakan metode manual ditulis dengan tangan dalam pengisian kartu AK. Sehingga akan menimbulkan antrian yang padat dalam pemberian layanan. Serta di sisi lain kurangnya pengawasan dan pengelolaan data ketenagakerjaan. Oleh sebab itu Pembuatan Sistem Informasi Pelayanan Ketenagakerjaan Berbasis Web Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri ini dibuat untuk mengatasi permasalahan yang terjadi, dan diharapkan dapat meningkatkan efektifitas, pengawasan, pengelolaan serta peningkatan pelayanan yang ada, karena pengisian data AK/I maupun AK/III dapat dilakukan secara online kemudian pencaker maupun pemberi kerja hanya tinggal datang untuk

commit to user 19


digilib.uns.ac.id

20

mendapatkan verifikasi data dari pegawai dinas tenaga kerja untuk mendapatkan kartu AK/I dan AK/III dengan cepat.

3.2 Deskripsi Program Sistem Informasi Pelayanan Ketenagakerjaan Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri merupakan sebuah program berbasis website yang

mampu

membantu

pembuatan

kartu

AK/I

dan

AK/III.

Dalam

implementasinya para pencaker dan pemberi kerja dapat mengisikan data AK/I maupun AK/III secara online sehingga proses pelayanan jadi lebih cepat dan efektif. Kemudian para pencaker maupun pemberi kerja hanya tinggal datang ke kantor pelayanan dengan membawa persyaratan untuk verifikasi data dan pencetakan penerbitan kartu AK tersebut. Hal ini diharapkan dapat meningkatkan pelayanan dan pengelolaan data ketenagakerjaan. Secara umum proses dari sistem ini adalah sebagai berikut : 1. Pencaker atau pemberi kerja sebagai mendaftar sebagai user secara online. User dapat memperoleh informasi tenaga kerja serta dapat mendaftar sebagai pencaker untuk membuat Kartu AK/I dan mendaftar sebagai pemberi kerja untuk membuat Kartu AK/III. 2. Pencaker dapat meng-input-kan data identitas diri sesuai KTP dan input data ijazah dan riwayat pendidikan secara online. Sedangkan pemberi kerja dapat menginputkan data perusahaan dan spesifikasi lowongan kerja. 3. Setelah meng-input-kan data-data, user bisa datang ke kantor Disnakertrans Kabupaten Wonogiri untuk melakukan permintaan validasi data yang telah dimasukkan oleh user secara online pada admin (pegawai disnakertrans) untuk diproses dan diverifikasi menjadi kartu AK/I maupun AK/III. Hal ini akan mempersingkat antrian serta mempercepat proses dalam pembuatan kartu AK/I maupun AK/III. 4. Admin akan mencetak kartu AK/I maupun AK/III untuk diberikan pada user yang dilegalisir dan ditandatangani oleh Disnakertrans Kabupaten Wonogiri.

commit to user


digilib.uns.ac.id

21

5. User yang tidak melakukan akses secara online juga dapat langsung datang ke kantor Disnakertrans Kabupaten Wonogiri untuk melakukan kegiatan pembuatan kartu AK/I maupun AK/III, dengan membawa persyaratan.

3.3 Perancangan Sistem Pada Perancangan Sistem Informasi Pelayanan Ketenagakerjaan Berbasis Web Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri membahas kebutuhan beberapa macam pemodelan analisis antara lain External Entity, diagram konteks (Context Diagram (CD)), diagram alir data (Data Flow Diagram (DFD)).

3.3.1 External Entity 1. Admin Orang yang bertugas mengolah dan mengelola data sistem dalam pelayanan AK/I dan AK/III. 2. Pencaker Pencari Kerja atau orang yang membutuhkan pekerjaan dan pelayanan kartu AK/I. 3. Pemberi Kerja Badan usaha atau perusahaan yang membutuhkan tenaga kerja untuk mengisi lowongan pekerjaan yang diterbitkan melalui kartu AK/III.

3.3.2 Context Diagram (CD) Analisa sistem diawali dengan perancangan Context Diagram yang berfungsi untuk memberi keterangan mengenai proses aliran data.

commit to user


digilib.uns.ac.id

22

Gambar 3.1 Context Diagram (CD)

commit to user

digilib.uns.ac.id

3.3.3 DFD Level 0

Gambar 3.2 DFD Level 0

23


commit to user

3.3.4 DFD Level 1 Proses 1

Gambar 3.3 DFD Level 1 Proses 1

24

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user


Gambar 3.4 DFD Level 1 Proses 2

25


commit to user


digilib.uns.ac.id

26


Gambar 3.5 DFD Level 1 Proses 3 3.3.7 DFD Level 2 Proses 2.3

Gambar 3.6 DFD Level 2 Proses 2.2

commit to user

Gambar 3.7 ERD Sistem Informasi Pelayanan Ketenagakerjaan

3.4.1 Entity Relationship Diagram (ERD)

3.4 Analisis dan Perancangan Basis Data

27


commit to user

Gambar 3.8 Relasi Hubungan Antar Tabel

3.4.2 Skema Diagram ( Relasi Antar Tabel )

28


commit to user


digilib.uns.ac.id

29

3.4.3 Deskripsi Tabel 3.4.3.1 Tabel Berita Nama Tabel : berita Fungsi

: digunakan untuk menyimpan data berita. Tabel 3.1 berita

No

Nama Field

Type

Lebar

Default

Keterangan

4

Not null

Primary Key, auto increment

100

Not null

Judul berita

Not null

Isi berita

1

id_news

int

2

judul

varchar

3

berita

text

4

pengirim

varchar

25

Not null

Orang yang post berita

5

dibaca

int

6

Not null

Telah dibaca berapa kali

6

date

date

Not null

Tanggal posting berita

3.4.3.2 Tabel User Nama Tabel : user Fungsi

: digunakan untuk menyimpan data user account. Tabel 3.2 user

No

Nama Field

Type

Lebar

Default

Keterangan

1

userID

varchar

30

Not null

Nama User

2

passID

varchar

50

Not null

Password User

3

no_ktp

varchar

16

Null

No ktp bila pencaker, PK, FK

4

kode_pt

varchar

19

Null

Bila pemberi kerja, PK, FK

5

level

int

1

Not null

1=admin, 2=pencaker, 3=pemberi kerja

commit to user


digilib.uns.ac.id

30

3.4.3.3 Tabel Agama Nama Tabel : agama Fungsi

: digunakan untuk menyimpan data agama. Tabel 3.3 agama

No

Nama Field

Type

Lebar

Default

Keterangan

1

id_agama

varchar

2

Not null

Primary Key, contoh : A1=Islam

2

agama

varchar

2

Not null

is=Islam, kt=Katholik, dll.

3.4.3.4 Tabel Status Nama Tabel : status Fungsi

: digunakan untuk menyimpan data status. Tabel 3.4 status

No

Nama Field

Type

Lebar

Default

Keterangan

1

id_status

varchar

2

Not null

Primary Key

2

status

varchar

20

Not null

S1=belum

kawin,

S2=kawin,

S3=janda/duda

3.4.3.5 Tabel Pendidikan Nama Tabel : pendidikan Fungsi

: digunakan untuk menyimpan data jenjang pendidikan. Tabel 3.5 pendidikan

No

Nama Field

Type

Lebar

Default

Keterangan

1

kode_pendidikan

varchar

2

Not null

Primary Key

2

nama_jenjang_pendidikan varchar

20

Not null

SD/MI, SMP/MTS, SMA/SMK/MA, D1/2/3/4, S1, S2

commit to user


digilib.uns.ac.id

31

3.4.3.6 Tabel Bahasa Nama Tabel : bahasa Fungsi

: digunakan untuk menyimpan data kemampuan bahasa asing. Tabel 3.6 bahasa

No

Nama Field

Type

Lebar

Default

Keterangan

1

id_bahasa

varchar

2

Not null

Primary Key

2

bahasa

varchar

20

Not null

Inggris,

Jerman,

Mandarin,

Belanda,

Jepang, Perancis,

Arab, Korea, Spanyol

3.4.3.7 Tabel Riwayat Kerja Nama Tabel : riwayat_kerja Fungsi

: digunakan untuk menyimpan kategori riwayat jabatan kerja. Tabel 3.7 riwayat_kerja

No

Nama Field

Type

Lebar

Default

Keterangan

1

id_riwayat_jabatan_kerja varchar

2

Not null

Primary Key

2

riwayat_jabatan_kerja

50

Not null

Jenis jabatan sesuai

varchar

aturan disnaker

3.4.3.8 Tabel Kecamatan Nama Tabel : kecamatan Fungsi

: digunakan untuk menyimpan nama Kecamatan di Kabupaten

Wonogiri beserta kode posnya. Tabel 3.8 kecamatan No 1

Nama Field

Type

id_kecamatan varchar

Lebar

Default

6

Not null

Keterangan Primary Key, contoh: 33.12.12 33=jateng, 12=Kab, 12=Kec.

2

kode_pos

varchar

5

Not null

Kode pos

3

kecamatan

varchar

30

Not null

Nama kecamatan

commit to user


digilib.uns.ac.id

32

3.4.3.9 Tabel Pekerjaan Nama Tabel : pekerjaan Fungsi

: digunakan untuk menyimpan nama kategori jabatan kerja. Tabel 3.9 pekerjaan

No

Nama Field

Type

Lebar

Default

Keterangan

1

id_jabatan_kerja varchar

2

Not null

Primary Key

2

jabatan_kerja

50

Not null

Sesuai aturan disnaker

varchar

commit to user


digilib.uns.ac.id

33

3.4.3.10 Tabel Pencaker Nama Tabel : pencaker Fungsi

: digunakan untuk menyimpan data pencaker yang digunakan

untuk data kartu antar kerja AK/I. Tabel 3.10 pencaker No

Nama Field

Type

Lebar

Default

Keterangan

1

no_ktp

varchar

16

Not null

Primary Key

2

no_pendaftaran_ak1 varchar

19

Not null

Contoh

:

331212.20121230.1.0123 = wilayah.tgldaftar.AK.no 3

tgl_pendaftaran

date

Not null

Tgl saat cetak AK/I Terbit

4

nama_lengkap

varchar

30

Not null

5

tempat_lahir

varchar

30

Not null

6

tgl_lahir

date

7

jenis_kelamin

varchar

8

alamat

text

9

id_kecamatan

varchar

6

Not null

Foreign key

10

id_agama

varchar

2

Not null

Foreign key

11

id_status

varchar

2

Not null

Foreign key

12

tinggi_badan

int

3

Not null

Dalam cm

13

berat_badan

int

3

Not null

Dalam kg

14

telp

varchar

13

Null

15

hp

varchar

15

Null

16

email

varchar

30

Null

17

tgl_pelaporan

date

18

telah_kerja_di

varchar

19

perpanjang1

20 21

Not null 1

Not null Not null

Null

Tgl lapor diterima kerja

Null

Nama perusahaan

date

Null

Tgl perpanjang pertama

perpanjang2

date

Null

Tgl perpanjang kedua

perpanjang3

date

Null

Tgl perpanjang ketiga

50

commit to user


digilib.uns.ac.id

34

3.4.3.11 Tabel Pemberi Kerja Nama Tabel : pemberi_kerja Fungsi

: digunakan untuk menyimpan data pemberi kerja yang

digunakan untuk data kartu antar kerja AK/III. Tabel 3.11 pemberi_kerja No 1

Nama Field kode_pt

Type

Lebar

Default

varchar

18

Not null

Keterangan Primary Key Contoh 331212.20121230.0123 wilayah.tgldaftar.no

2

tgl_pendaftaran

date

Not null

3

nama_perusahaan

varchar

4

alamat

text

5

id_kecamatan

varchar

6

telp

7

50

Tgl daftar AK/III

Not null Not null

Alamat perusahaan

6

Not null

Foreign key

varchar

13

Not null

faximile

varchar

13

Null

8

email

varchar

30

Null

9

nama_eksekutif

varchar

30

Not null

10

website

varchar

30

Null

11

modal_perusahaan

varchar

10

Null

12

jml_pegawai

int

5

Null

13

jml_pegawai_wanita

int

5

Null

14

tgl_berdiri

date

15

deskripsi_perusahaan text

16

id_jenis_perusahaan

2

Not null

varchar

commit to user

Foreign key

: =


digilib.uns.ac.id

35

3.4.3.12 Tabel Jenis Perusahaan Nama Tabel : jenis_perusahaan Fungsi

:

digunakan

untuk

menyimpan

kategori

bidang

jenis

perusahaan. Tabel 3.12 jenis_perusahaan No

Nama Field

Type

Lebar

Default

Keterangan

1

id_jenis_perusahaan

varchar

2

Not null

Primary Key

2

jenis_perusahaan

varchar

30

Not null

Sesuai aturan disnaker

3.5 Analisa Kebutuhan Hardware dan Software 3.5.1 Analisa Kebutuhan Hardware Perangkat keras yang digunakan untuk membuat Sistem Informasi Pelayanan Ketenagakerjaan Berbasis Web Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri ini menggunakan PC dengan spesifikasi : 1. Processor Intel Core2 Duo T7300 @ 2.0GHz (2 CPUs). 2. Hardisk dengan kapasitas penyimpan data 320 GB. 3. Memory DDR2 2 GB RAM. 4. Display VGA 128 MB 128 bit. 5. Keyboard dan mouse 6. Printer

3.5.2 Analisa Kebutuhan Software Perangkat lunak atau software yang digunakan dalam pembuatan Sistem Informasi Pelayanan Ketenagakerjaan Berbasis Web Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri ini adalah sebagai berikut : 1. Sistem Operasi menggunakan Windows 7 Ultimate 32bit. 2. Web browser menggunakan Mozila Firefox. 3. Web server lokal menggunakan Apache v2.2 pada XAMPP 1.7.7 dimana juga terdapat database MySQL 5.5 dan PHP 5.3.8. 4. Bahasa Pemrograman PHP dengan editor Adobe Dreamweaver CS5. 5. Desain gambar untuk interface web menggunakan Adobe Photoshop CS5.

commit to user


digilib.uns.ac.id

36

3.6 Desain Rancangan Interface Desain antar muka nantinya akan diaplikasikan untuk web interface yang sesungguhnya. Desain ini merupakan tahap awal dalam pembangunan website. Karena dengan menciptakan desain terlebih dahulu maka akan ada dasar pembuatan website yang lebih terarah.

3.6.1 Rancangan Halaman Utama Halaman utama digunakan sebagai interface bagi semua user baik pencaker, pemberi kerja dan admin. Halaman utama ini terbagi menjadi beberapa bagian yaitu : 1. Header, bagian ini adalah tampilan atas dari desain yang berisi banner dan terdiri dari logo instansi dan nama instansi. 2. Main menu, adalah navigasi utama website dan bagian yang memuat tentang judul dari content website yang sedang ditampilkan. Main menu tersusun secara horisontal. 3. Jquery Slider, berisi slideshow beberapa publikasi kegiatan pelayanan yang dilakukan oleh instansi. 4. Content, adalah isi utama dari website akan berubah isinya sesuai dengan navigasi menu yang dipilih. 5. Right menu, berisi profil kepala instansi dan link-link ke halaman website instansi lain yang terkait. 6. Footer, berisi tentang tahun pembuatan sistem, pembuat dan hak cipta.

commit to user


digilib.uns.ac.id

37

LOGO1 LOGO2

judul banner

.............................................

HOME PROFIL DAFTAR LAYANAN ORGANISASI GALERI FOTO HUBUNGI KAMI

(JQUERY SLIDER)

(CONTENT)

Profil Kepala Disnaker Link Link Link Link

(FOOTER) Gambar 3.9 Rancangan Halaman Utama

3.6.2 Rancangan Interface Login dan Daftar User Interface login dan daftar adalah akses pertama kali yang dilakukan oleh user baru, baik sebagai pencaker maupun pemberi kerja. Untuk mendapatkan pelayanan AK/I bagi pencaker dan AK/III bagi pemberi kerja.

commit to user


digilib.uns.ac.id

38

Gambar 3.10 Rancangan Interface Login dan Daftar User 3.6.3 Rancangan Interface Pengisian Data AK/I User Interface pengisian data AK/I user adalah form sebagai tempat data-data pendukung AK/I pencaker diisikan.

commit to user


digilib.uns.ac.id

39

Gambar 3.11 Rancangan Interface Pengisian Data AK/I User

commit to user


digilib.uns.ac.id

40

3.6.4 Rancangan Interface Pengisian Data Perusahaan Sebagai identitas perusahaan yang mendaftar AK/III.

Gambar 3.12 Rancangan Interface Pengisian Data Perusahaan

3.6.5 Rancangan Interface Pengisian Lowongan Pekerjaan AK/III Untuk melengkapi kelengkapan data AK/III, setelah mengisi data perusahaan dilanjutkan login user perusahaan agar perusahaan dapat selanjutnya membuat satu atau lebih lowongan pekerjaan (AK/III) melalui layanan AK/III online yang tersedia.

commit to user


digilib.uns.ac.id

41

Gambar 3.13 Rancangan Interface Pengisian Lowongan Pekerjaan

commit to user


digilib.uns.ac.id

42

3.6.6 Rancangan Halaman User Pencaker dan Perusahaan Halaman setelah proses login user sukses dan mengakses otoritas sebagai user pencaker maupun perusahaan. Rancangan desain halaman user ditunjukan seperti gambar 3.15 di bawah ini yang terbagi menjadi beberapa bagian yaitu : 1. Header, bagian ini adalah tampilan atas dari desain yang berisi banner dan terdiri dari logo instansi dan nama instansi sama dengan yang ada di halaman utama. 2. Main menu, adalah navigasi dan pilihan menu untuk mengatur halaman yang berada di halaman utama. Navigasi ini tersusun secara vertikal dan berada di sebelah kiri. 3. Content, adalah tempat editing tampilan isi sesuai dengan navigasi menu yang dipilih. 4. Footer, berisi tentang tahun pembuatan sistem, pembuat dan hak cipta.

LOGO1 LOGO2

User Account Layanan AK/I Data Perusahaan Layanan AK/III KELUAR

judul banner

.............................................

(CONTENT)

(FOOTER)

Gambar 3.14 Rancangan Interface Halaman User Pencaker dan Perusahaan

commit to user


digilib.uns.ac.id

43

3.6.7 Rancangan Interface Login Admin Interface login admin merupakan interface awal admin agar dapat masuk dan mengakses otoritas sebagai admin.

Gambar 3.15 Rancangan Interface Login Admin

3.6.8 Rancangan Halaman Admin Halaman setelah proses login admin sukses dan mengakses otoritas sebagai admin. Rancangan desain halaman admin ditunjukan seperti gambar 3.16 di bawah ini yang terbagi menjadi beberapa bagian yaitu : 1. Header, bagian ini adalah tampilan atas dari desain yang berisi banner dan terdiri dari logo instansi dan nama instansi sama dengan yang ada di halaman utama. 2. Main menu, adalah navigasi dan pilihan menu untuk mengatur halaman yang berada di halaman utama. Navigasi ini tersusun secara vertikal dan berada di sebelah kiri. 3. Content, adalah tempat editing tampilan isi sesuai dengan navigasi menu yang dipilih. 4. Footer, berisi tentang tahun pembuatan sistem, pembuat dan hak cipta.

commit to user


digilib.uns.ac.id

44

Gambar 3.16 Desain Halaman Admin

3.6.9 Rancangan Interface Admin Data User Digunakan untuk melihat semua data user yang terdaftar baik pencari kerja maupun pemberi kerja.

Gambar 3.17 Rancangan Interface Admin Data User

commit to user


digilib.uns.ac.id

45

3.6.10 Rancangan Interface Admin Data AK/I Digunakan untuk melihat data pencaker dan untuk verifikasi dan validasi data AK/I.

Gambar 3.18 Rancangan Interface Admin Data AK/I

3.6.11 Rancangan Interface Admin Data AK/III Digunakan untuk melihat data pemberi kerja dan untuk verifikasi dan validasi data AK/III.

Gambar 3.19 Rancangan Interface Admin Data AK/III

commit to user


digilib.uns.ac.id

BAB IV IMPLEMENTASI

4.1 Implementasi Sistem Setelah melakukan tahapan analisa dan perancangan sistem, maka tahapan selanjutnya adalah implementasi. Tahapan ini merupakan proses menerjemahkan rancangan yang telah didesain pada bahasa pemrograman, sehingga pada tahap ini sistem sudah siap untuk dioperasikan sesuai dengan fungsi dan tujuan dari pembuatan aplikasi tersebut. Berikut adalah implementasi desain input dan output dari Sistem Informasi Pelayanan Ketenagakerjaan Berbasis Web di Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri.

4.1.1 Halaman User Halaman ini secara umum merupakan halaman yang memberikan hak akses kepada user baik sebagai pencari kerja maupun perusahaan, untuk mendapatkan layanan sistem. Halaman user terdiri dari beberapa halaman sebagai berikut : 1. Halaman Utama Halaman utama digunakan sebagai interface bagi semua user baik pencari kerja maupun pemberi kerja atau perusahaan. Halaman utama merupakan halaman awal sebelum masuk ke sistem untuk mendapatkan layanan.

commit to user 46


digilib.uns.ac.id 47

Gambar 4.1 Halaman Utama

2. Interface Login dan Daftar User Interface login dan daftar adalah akses pertama kali yang dilakukan oleh user baru, baik sebagai pencaker maupun pemberi kerja. Untuk mendapatkan pelayanan AK/I bagi pencaker dan AK/III bagi pemberi kerja. Interface login bagi para pencari kerja dan pemberi kerja atau perusahaan dimuat secara terpisah dalam halaman yang berbeda dan dapat diakses melalui menu yang dipilih dari halaman utama.

commit to user



Gambar 4.2 Interface Login dan Daftar User

commit to user



3. Interface Pengisian Data AK/I User Interface pengisian data AK/I user merupakan form untuk mengisikan data pembuatan kartu antar kerja (AK/I).

Gambar 4.3 Interface Pengisian Data AK/I User

commit to user



4. Interface Pengisian Data Perusahaan Interface pengisian data perusahaan merupakan form untuk mengisikan data perusahaan yang mendaftar untuk mendapatkan layanan tenaga kerja.

Gambar 4.4 Interface Data Perusahaan

5. Interface Pengisian Lowongan Pekerjaan AK/III Interface

pengisian

lowongan

pekerjaan

merupakan

mengisikan data pembuatan kartu lowongan pekerjaan (AK/III).

commit to user

form

untuk



Gambar 4.5 Interface Pengisisan Lowongan Pekerjaan AK/III

6. Halaman User Pencaker dan Perusahaan Halaman user pencaker dan perusahaan merupakan halaman yang diakses oleh user baik sebagai pencaker maupun pemberi kerja atau perusahaan setelah sukses melakukan login user.

commit to user



Gambar 4.6 Halaman User Pencaker dan Perusahaan

4.1.2 Halaman Admin Halaman ini merupakan halaman yang diakses oleh otoritas admin. Dimana admin mendapat hak akses untuk memanipulasi data user baik pencari kerja maupun pemberi kerja atau perusahaan, yang terdiri dari data-data user

commit to user



account maupun data AK/I dan AK/III. Halaman admin terdiri dari halaman halaman berikut : 1. Halaman Login Admin Halaman login admin merupakan akses pertama kali yang dilakukan oleh admin untuk mendapatkan hak akses dalam memanipulasi data user baik pencari kerja maupun pemberi kerja atau perusahaan Untuk menambah keamanan data admin, Halaman login admin ini tidak diakses melalui sebuah halaman interface, melainkan diakses dengan cara mengetikan tambahan pada URL di browser sesuai dengan nama folder halaman admin tersebut dimuat di server. Contoh : .....com/admin/xxx.php.

Gambar 4.7 Halaman Login Admin

2. Halaman Admin Halaman admin merupakan halaman yang diakses oleh admin setelah sukses melakukan login user.

commit to user



Gambar 4.8 Halaman Admin

3. Halaman Account Admin Halaman ini merupakan halaman yang digunakan untuk melihat dan mengubah profil account dari admin.

Gambar 4.9 Halaman Account Admin Tampilan utama pada halaman ini berupa tabel yang berisi field username, password dan ubah yang berisi link ubah data profil account.

commit to user



4. Halaman Berita Halaman ini merupakan halaman yang digunakan untuk mengelola berita yang ditampilkan pada halaman home di website.

Gambar 4.10 Halaman Berita Tampilan halaman ini berupa tabel pengelola berita, disertai dengan link hapus, ubah dan tambah berita yang masing-masing berfungsi untuk menghapus, mengubah dan menambah berita yang terdapat pada halaman home di website.

5. Halaman User Halaman ini merupakan halaman yang digunakan untuk mengelola user yang telah mendaftar account untuk mendapatkan layanan ketenagakerjaan. User yang mendaftar dan ditampilkan pada halaman ini terdiri dari daftar user pencari kerja dan pemberi kerja. Pada halaman ini terdapat search engine dengan kategori kata kunci pencarian berdasarkan field yang sering digunakan. Hal ini akan memudahkan admin untuk menampilkan user yang diinginkan untuk dikelola agar memudahkan admin melakukan pengelolaan data dalam jumlah yang banyak. pada halaman ini juga terdapat pagination untuk memudahkan admin dalam navigasi halaman.

commit to user



Gambar 4.11 Halaman User

6. Halaman Layanan AK/I Halaman ini merupakan halaman yang digunakan untuk mengelola user pencari kerja yang telah mendaftar layanan Kartu AK/I. Pada Halaman ini juga terdapat search engine seperti yang tertera pada halaman user. Terdapat pula link Preview AK/I untuk melihat format Kartu AK/I yang dipilih untuk dicetak dan link Detail untuk melihat format lengkap AK/I yang biasa disebut Detail AK/II. Pada link Detail terdapat menu untuk meng-edit AK/I.

commit to user



Gambar 4.12 Halaman Layanan AK/I

Gambar 4.13 Halaman Preview AK/I commit to user



Gambar 4.14 Halaman Detail AK/II

commit to user



7. Halaman Layanan AK/III Halaman ini merupakan halaman yang digunakan untuk mengelola user perusahaan atau pemberi kerja yang telah mendaftar layanan AK/III atau layanan pemberian lowongan pekerjaan. Pada Halaman ini juga terdapat search engine seperti yang tertera pada halaman layanan AK/I.

Gambar 4.15 Halaman Layanan AK/III Terdapat pula link Detail untuk melihat tampilan format lowongan pekerjaan AK/III lebih lengkap.

commit to user



Gambar 4.16 Halaman Detail AK/III commit to user



8. Halaman Daftar Perusahaan Halaman ini merupakan halaman yang digunakan untuk mengelola dan melihat daftar perusahaan penyedia lowongan pekerjaan atau pemberi kerja yang terdaftar pada sistem. Setiap perusahaan terdapat link detail untuk melihat data lengkap profil perusahaan dan data lowongan pekerjaan atau AK/III yang telah dibuat atau dilaporkan kepada Dinas Tenaga Kerja Kabupaten Wonogiri melalui sistem. Pada Halaman ini juga terdapat search engine seperti yang tertera pada halaman layanan AK/III.

Gambar 4.17 Halaman Daftar Perusahaan Pada halaman detail perusahaan selain terdapat data lengkap profil perusahaan, juga terdapat data lowongan pekerjaan atau AK/III yang di dalamnya terdapat action link detail untuk melihat secara rinci form lowongan pekerjaan atau AK/III.

commit to user



Gambar 4.18 Halaman Detail Perusahaan 4.2 Testing dan Validasi Program Setiap hasil rekayasa program dapat di tes dalam dua cara yaitu: 1. Dengan berdasarkan pada fungsi yang dispesifikasikan dari program, tes dapat dilakukan dengan mendemonstrasikan setiap fungsi telah beroperasi secara penuh sesuai dengan yang diharapkan, dan sementara itu, pada saat bersamaan, dilakukan pencarian error pada tiap fungsi. 2. Dengan mengetahui operasi internal dari program, tes dapat dilakukan untuk memastikan semua komponen berjalan sebagaimana mestinya, operasi internal berlaku berdasarkan pada spesifikasi dan semua komponen internal telah cukup diperiksa. Pendekatan cara pertama biasa disebut dengan black box testing, dan pendekatan cara kedua disebut white box testing. Testing program pada Sistem Informasi Pelayanan Ketenagakerjaan Berbasis Web di Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri menggunakan metode black box testing yang berdasarkan pada fungsi-fungsi spesifik pada sistem, dengan memberikan inisialisasi, masukan, kondisi atau hasil yang telah ditentukan sebelumnya atau dikenal dengan istilah test case.

commit to user



Test case yang diberikan dalam metode pengujian black box testing adalah sebagai berikut: 4.2.1 Mendaftar account user pencari kerja. Tabel 4.1 Test Case Mendaftar Account User Pencari Kerja No

Skenario

1.

Berhasil Mendaftar account

Test case

Hasil yang diharapkan

Status

Username:

Sistem berhasil melakukan

Pass

pencaker

registrasi dan di-redirect

Password:

ke halaman pengisian form

pencaker

kartu AK/I.

Ulangi Password: pencaker No KTP: 3312120405900002 2.

Tidak mengisi

Username: -

JQuery validasi

seluruh field

Password: -

mengeluarkan pesan

Pass

Ulangi Password: - berbentuk callouts. No KTP: -

Username: Field ini harus diisi. Password: Field ini harus diisi minimal 5 karakter. Ulangi Password: Field ini isinya harus sama dengan diatasnya. No KTP: Field ini harus diisi angka. Panjangnya antara 16.

3.

Tidak jadi mengisi

Menutup jendela

User account belum

ke form kartu AK/I

atau tab browser

terdaftar dan tidak bisa

setelah registrasi

kemudian coba

masuk. User tidak

user account

masuk user account dikenali.

commit to user

Pass



No

Skenario

Test case

4.

Tidak mengisi

Semua field: -

Hasil yang diharapkan JQuery validasi

seluruh field form

mengeluarkan pesan

AK/I

berbentuk callouts pada

Status Pass

field yang wajib diisi. 5.

Mengisi field form

Hp: abcdefgh

JQuery validasi

AK/I dengan format

mengeluarkan pesan

yang tidak sesuai

berbentuk callouts.

Pass

Hp: Field ini harus diisi angka. 6.

Berhasil mengisi

Mengisi field form

Tampilan:

form AK/I

AK/I dengan

Data Berhasil Disimpan.

format yang sesuai

Tunggu proses Login ke

Pass

Pelayanan Online Disnakertrans !!! Username Anda: pencaker

4.2.2 Edit data-data account pencari kerja. Tabel 4.2 Test Case Edit Data-data Account Pencari Kerja No 1.

Skenario

Test case


Berhasil masuk

Username:

Tampilan:

user account

pencaker

BERHASIL MELAKUKAN

Password:

LOGIN. Di-redirect ke

pencaker

halaman index user pencari

Status Pass

kerja. 2.

Edit field form

Email: caker@g

JQuery validasi

AK/I dengan

mengeluarkan pesan

format yang tidak

berbentuk callouts.

sesuai

Email: Email harus valid.

commit to user

Pass



No

Skenario

3.

Field wajib form

Test case Email: -


AK/I diganti

mengeluarkan callouts.

dengan tidak

Email: Email harus valid.

Status Pass

diisi. 4.

Berhasil edit

Edit field form

Tampilan:

form AK/I

AK/I dengan

Data Berhasil Diubah.

Pass

format yang sesuai

4.2.3 Mendaftar account user pemberi kerja. Tabel 4.3 Test Case Mendaftar Account User Pemberi Kerja No 1.

Skenario

Test case


Berhasil Mendaftar

Username:

Sistem berhasil

account

pembeker

melakukan registrasi dan

Password:

di-redirect ke halaman

pembeker

pengisian form data

Ulangi Password:

perusahaan.

Status Pass

pembeker 2.

Tidak mengisi

Username: -

JQuery validasi

seluruh field

Password: -

mengeluarkan pesan

Ulangi Password: - berbentuk callouts. No KTP: -

Username: Field ini harus diisi. Password: Field ini harus diisi minimal 5 karakter. Ulangi Password: Field ini isinya harus sama dengan diatasnya.

commit to user

Pass



No

Skenario

Test case


3.

Tidak jadi mengisi ke

Menutup jendela

User account belum

form data perusahaan

atau tab browser

terdaftar dan tidak bisa

setelah registrasi user

kemudian coba

masuk. User tidak

account pemberi

masuk user account dikenali.

Status Pass

kerja 4.

Tidak mengisi

Semua field: -

JQuery validasi

seluruh field form

mengeluarkan pesan

data perusahaan

berbentuk callouts pada

Pass

field yang wajib diisi. 5.

Mengisi field form

Telp: abcdefgh

JQuery validasi

data perusahaan

mengeluarkan pesan

dengan format yang

berbentuk callouts.

tidak sesuai

Telp: Field ini harus

Pass

diisi angka. 6.

Berhasil mengisi

Mengisi field form

Tampilan:

form data perusahaan

AK/I dengan

Data Perusahaan Berhasil

format yang sesuai

Disimpan. Tunggu proses Login ke Pelayanan Online Disnakertrans Untuk Daftar AK/III !!! Username Anda: pembeker

commit to user

Pass



4.2.4 Membuat AK/III baru. Tabel 4.4 Test Case Membuat AK/III baru No 1.

Skenario

Test case


Berhasil masuk user

Username:

Tampilan:

account

pembeker

BERHASIL

Password:

MELAKUKAN LOGIN.

pembeker

Di-redirect ke halaman

Status Pass

index user pemberi kerja. 2.

Masuk menu

Klik menu Layanan

Sistem berhasil

Layanan AK/III dan

AK/III dan klik link melakukan redirect ke

masuk link Buat

Buat Lowongan

halaman pengisian form

Lowongan Pekerjaan

Pekerjaan Baru

AK/III baru.

Baru atau AK/III

atau AK/III Baru

Pass

Baru

4.2.5 Edit data-data account pemberi kerja. Tabel 4.5 Test Case Edit Data-data Account Pemberi Kerja No 1.

Skenario Edit field form data

Test case Telp: abcdefgh


perusahaan dengan

mengeluarkan pesan

format yang tidak

berbentuk callouts.

sesuai

Telp: Field ini harus

Status Pass

diisi angka. 2.

Edit field form AK/III

Upah Minimum: JQuery validasi

dengan format yang

abcdefgh

tidak sesuai

mengeluarkan pesan berbentuk callouts. Upah Minimum: Field ini harus diisi angka.

commit to user

Pass



No 3.

Skenario

Test case


Field wajib form data

Telp: -

JQuery validasi

perusahaan dan AK/III

dan

mengeluarkan callouts.

diganti dengan tidak

Upah Minimum: Telp: Field ini harus

diisi.

-

Status Pass

diisi angka. Upah Minimum: Field ini harus diisi angka.

4.

Berhasil edit form data

Edit field form

Tampilan:

perusahaan dan AK/III

data perusahaan

Data Berhasil Diubah.

Pass

dan AK/III dengan format yang sesuai

4.2.6 Masuk halaman admin. Tabel 4.6 Test Case Masuk Halaman Admin No 1.

Skenario

Test case


Berhasil

Username:

Tampilan:

masuk user

disnaker

BERHASIL MELAKUKAN

account

Password: disnaker

LOGIN. Di-redirect ke halaman

Status Pass

index admin. 2.

Tidak mengisi

Username: -

JQuery validasi mengeluarkan

seluruh field

Password: -

pesan berbentuk callouts. Username: Field ini harus diisi. Password: Field ini harus diisi minimal 5 karakter.

commit to user

Pass



4.2.7 Edit profil account pada halaman admin. Tabel 4.7 Test Case Edit Profil Account Pada Halaman Admin No

Skenario

Test case


1.

Melihat profil account

Klik menu

Di-redirect ke modul

admin.

Admin.

halaman profil account

Status Pass

admin. 2.

3.

Edit profil admin

Username: -

dengan mengosongkan

Password:

field username.

disnaker

Edit profil admin

Username: Barjo

dengan mengosongkan

Password: -

Tampil pesan error:

Pass

Username yang diubah

Tampil pesan error:

Pass

Password masih

field password. 4.

Edit username dengan

Username:

nama yang sama atau

disnaker

telah ada.

Password:

Tampil pesan error:

Pass

Username anda sudah dipakai, ganti yang

disnaker 5.

Edit password dengan

Username: Barjo

nama karakter kurang

Password: Barj

dari 5 karakter.

Tampil pesan error:

Pass

Password harus diisi m

4.2.8 Edit berita pada halaman admin. Tabel 4.8 Test Case Edit Berita Pada Halaman Admin No 1.

Skenario Melihat data berita.

Test case Klik menu Berita.

Hasil yang diharapkan Di-redirect ke modul

Status Pass

halaman berita. 2.

3.

Menambah berita.

Menambah berita

Klik link Tambah


Berita.

halaman tambah berita.

Judul Berita: -

Tampil pesan error:

namun tidak mengisi

masih

judul berita.

commit to user

Pass

Pass



No 4.

Skenario Menambah berita

Test case


Status

Isi Berita: -

Tampil pesan error:

Pass

Pengirim: -

Tampil pesan error:

Pass

namun tidak mengisi isi berita. 5.

Menambah berita namun tidak mengisi pengirim berita.

4.2.9 Cek search engine setiap menu pada halaman admin. Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin No

Skenario

Test case


1.

Mencoba satu per satu

Klik satu per satu

Halaman pada setiap

kategori pada search

radio button dan

menu dapat

engine setiap menu.

eksekusi setiap

menampilkan data-data

menu.

yang sesuai dengan

Status Pass

inputan search engine.

4.2.10 Edit user pada halaman admin. Tabel 4.10 Test Case Edit Berita Pada Halaman Admin No 1.

2.

Skenario Melihat data user.

Edit user.

Test case


Klik menu


User.

halaman user.

Klik link Edit


pada user yang

halaman form edit user.

Status Pass

Pass

akan di-edit. 3.

Tidak mengisi

Username: -

username.

4.

Tidak mengisi

Tampil pesan error:

Pass

Username yang diubah

Password: -

password.

Tampil pesan error: Password

commit to user

Pass



No 5.

Skenario

Test case


Edit username dengan

Username:

Tampil pesan error:

nama yang sama atau

pencaker

Username anda sudah

telah ada.

Pada user

dipakai, ganti yang lain !

Status Pass

pencaker.

4.2.11 Mengelola AK/I pada halaman admin. Tabel 4.11 Test Case Mengelola AK/I Pada Halaman Admin No 1.

2.

Skenario Melihat data AK/I.

Test case


Klik menu


Layanan AK/I.

halaman AK/I.

Melihat Detail AK/I

Klik link Detail


salah satu user

pada AK/I yang

halaman Detail AK/I.

Status Pass

Pass

dipilih. 3.

Melihat Preview AK/I

Klik link Preview


salah satu user

AK/I pada user

halaman Preview AK/I.

Pass

yang dipilih. 4.

Mencetak Kartu AK/I.

Klik link Cetak

Membuat new blank tab

AK/I pada

pada browser yang di-

halaman Preview

redirect langsung ke

AK/I user yang

sistem pencetakan.

Pass

dipilih

4.2.12 Mengelola AK/III pada halaman admin. Tabel 4.12 Test Case Mengelola AK/III Pada Halaman Admin No 1.

2.

Skenario Melihat data AK/III.

Test case


Klik menu


Layanan AK/III.

halaman AK/III.

Melihat Detail AK/III

Klik link Detail


salah satu user

pada AK/III.

halaman Detail AK/III.

commit to user

Status Pass

Pass



4.2.13 Mengelola data perusahaan pada halaman admin. Tabel 4.13 Test Case Mengelola Data Perusahaan Pada Halaman Admin No 1.

2.

Skenario

Test case


Melihat data

Klik menu Data


perusahaan.

Perusahaan.

halaman data perusahaan.

Melihat Detail data

Klik link Detail


perusahaan salah satu

pada data

halaman Detail data

user.

perusahaan yang

perusahaan.

dipilih.

commit to user

Status Pass

Pass


digilib.uns.ac.id

BAB V PENUTUP

5.1 Kesimpulan Berdasarkan hasil pembahasan pembuatan Sistem Informasi Pelayanan Ketenagakerjaan berbasis web ini dapat ditarik suatu kesimpulan yaitu: 1. Telah dibuat Sistem Informasi Pelayanan Ketenagakerjaan berbasis web Pada Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri. 2. Dalam sistem ini terdapat tiga entitas yang terlibat yaitu : staff pengantar kerja Dinas Tenaga Kerja dan Transmigrasi Kabupaten Wonogiri yang bertindak sebagai admin, dimana seorang admin mempunyai hak akses untuk mengolah data perusahaan dan data pencaker, sedangkan masyarakat dalam hal ini pencari kerja dan perusahaan atau yang bertindak sebagai user dimana hanya memiliki hak akses untuk memasukkan, melihat dan mengubah data diri user sementara. Selanjutnya akan dikelola oleh admin bila data user sudah melalui proses validasi dan pencetakan menjadi kartu AK/I dan AK/III.

5.2 Saran Adapun usulan atau saran yang diajukan adalah sebagai berikut : 1. Sistem yang dibuat ini memerlukan user yang telah terampil pada penggunaan interface berbasis web, untuk itu sangat diperlukan jika user tersebut harus diberi pelatihan khusus dalam pemakaian aplikasi ini. 2. Perlu adanya pengembangan sistem informasi ini sehingga terintegrasi dengan sistem informasi pusat, dalam hal ini Kementerian Tenaga Kerja dan Transmigrasi Republik Indonesia dalam pengiriman data tenaga kerja yang dikirimkan setiap hari secara online.

commit to user 73

TUGAS AKHIR PEMBUATAN SISTEM INFORMASI PELAYANAN KETENAGAKERJAAN BERBASIS WEB DI DINAS TENAGA KERJA DAN TRANSMIGRASI KABUPATEN WONOGIRI

Recommend Documents