tugas akhir - digilib.uns.ac.id... · tugas akhir ini menjelaskan tentang pembuatan sistem...

89
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user i 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

Upload: dominh

Post on 30-Mar-2019

217 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user i

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

Page 2: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user ii

Page 3: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user iii

Page 4: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user iv

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.

Page 5: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user v

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.

Page 6: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user vi

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)

Page 7: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user vii

HALAMAN PERSEMBAHAN

Ku persembahkan karyaku ini untuk :

Bapak,Ibu,Kakak,Adik,

Teman D3 angkatan 2008 dan 2009, terimakasih

temen-temen atas dukungan semangatnya..

Page 8: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user viii

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.

Page 9: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user ix

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

Page 10: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user x

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

Page 11: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user xi

BAB II 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

Page 12: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user xii

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

Page 13: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user xiii

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

Page 14: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user xiv

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

Page 15: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user xv

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

Page 16: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user xvi

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

Page 17: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

1

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 masing-

masing 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

Page 18: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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 .

Page 19: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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:

Page 20: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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.

Page 21: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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.

Page 22: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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 langkah-

langkah 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.

Page 23: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

7

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).

Page 24: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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 :

AAgen

KKonsumen

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.

Page 25: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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

Page 26: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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:

Page 27: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

11

<tag></tag> 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. Skrip-

skrip 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

Page 28: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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

Page 29: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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.

Page 30: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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

<head> ... </head> di dalam script HTML. Fungsi jQuery akan mencari suatu

Page 31: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

15

elemen tertentu yang telah didefinisikan di bagian <body> ... </body>, 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

Page 32: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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).

Page 33: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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

Page 34: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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.

Page 35: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

19

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

Page 36: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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.

Page 37: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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.

Page 38: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

22

Gambar 3.1 Context Diagram (CD)

Page 39: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

23

3.3.

3 D

FD

Lev

el 0

Gam

bar 3

.2 D

FD L

evel

0

Page 40: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

24

3.3.

4 D

FD

Lev

el 1

Pro

ses

1

Gam

bar

3.3

DFD

Lev

el 1

Pro

ses

1

Page 41: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

25

3.3.

5 D

FD

Lev

el 1

Pro

ses

2

Gam

bar

3.4

DFD

Lev

el 1

Pro

ses

2

Page 42: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

26

3.3.6 DFD Level 1 Proses 3

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

Page 43: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

27

3.4

Ana

lisis

dan

Per

anca

ngan

Bas

is D

ata

3.4.

1 E

ntity

Rel

atio

nshi

p D

iagr

am (

ER

D)

Gam

bar

3.7

ER

D S

iste

m In

form

asi P

elay

anan

Ket

enag

aker

jaan

Page 44: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

28

3.4.

2 Sk

ema

Dia

gram

( R

elas

i Ant

ar T

abel

)

Gam

bar 3

.8 R

elas

i Hub

unga

n A

ntar

Tab

el

Page 45: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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

1 id_news int 4 Not null Primary Key, auto increment

2 judul varchar 100 Not null Judul berita

3 berita text Not null Isi berita

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

Page 46: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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

Page 47: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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, Jepang,

Mandarin, Belanda, 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 varchar 50 Not null Jenis jabatan sesuai

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 Nama Field Type Lebar Default Keterangan

1 id_kecamatan varchar 6 Not null 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

Page 48: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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 varchar 50 Not null Sesuai aturan disnaker

Page 49: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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 Not null

7 jenis_kelamin varchar 1 Not null

8 alamat text Not null

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 Null Tgl lapor diterima kerja

18 telah_kerja_di varchar 50 Null Nama perusahaan

19 perpanjang1 date Null Tgl perpanjang pertama

20 perpanjang2 date Null Tgl perpanjang kedua

21 perpanjang3 date Null Tgl perpanjang ketiga

Page 50: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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 Nama Field Type Lebar Default Keterangan

1 kode_pt varchar 18 Not null Primary Key

Contoh :

331212.20121230.0123 =

wilayah.tgldaftar.no

2 tgl_pendaftaran date Not null Tgl daftar AK/III

3 nama_perusahaan varchar 50 Not null

4 alamat text Not null Alamat perusahaan

5 id_kecamatan varchar 6 Not null Foreign key

6 telp varchar 13 Not null

7 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 varchar 2 Not null Foreign key

Page 51: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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.

Page 52: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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.

Page 53: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

37

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.

LOGO1 LOGO2 judul banner .............................................

HOME PROFIL DAFTAR LAYANAN ORGANISASI GALERI FOTO HUBUNGI KAMI

Profil Kepala Disnaker

Link Link Link Link

(FOOTER)

(CONTENT)

(JQUERY SLIDER)

Page 54: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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.

Page 55: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

39

Gambar 3.11 Rancangan Interface Pengisian Data AK/I User

Page 56: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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.

Page 57: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

41

Gambar 3.13 Rancangan Interface Pengisian Lowongan Pekerjaan

Page 58: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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.

Gambar 3.14 Rancangan Interface Halaman User Pencaker dan Perusahaan

LOGO1 LOGO2 judul banner .............................................

User Account Layanan AK/I

Data Perusahaan Layanan AK/III

KELUAR

(FOOTER)

(CONTENT)

Page 59: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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.

Page 60: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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

Page 61: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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

Page 62: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

46

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.

Page 63: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

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.

Page 64: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

48

Gambar 4.2 Interface Login dan Daftar User

Page 65: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

49

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

Page 66: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

50

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 form untuk

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

Page 67: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

51

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.

Page 68: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

52

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

Page 69: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

53

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.

Page 70: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

54

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.

Page 71: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

55

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.

Page 72: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

56

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.

Page 73: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

57

Gambar 4.12 Halaman Layanan AK/I

Gambar 4.13 Halaman Preview AK/I

Page 74: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

58

Gambar 4.14 Halaman Detail AK/II

Page 75: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

59

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.

Page 76: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

60

Gambar 4.16 Halaman Detail AK/III

Page 77: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

61

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.

Page 78: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

62

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.

Page 79: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

63

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 Test case Hasil yang diharapkan Status

1. Berhasil Mendaftar

account

Username:

pencaker

Password:

pencaker

Ulangi Password:

pencaker

No KTP:

3312120405900002

Sistem berhasil melakukan

registrasi dan di-redirect

ke halaman pengisian form

kartu AK/I.

Pass

2. Tidak mengisi

seluruh field

Username: -

Password: -

Ulangi Password: -

No KTP: -

JQuery validasi

mengeluarkan pesan

berbentuk callouts.

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.

Pass

3. Tidak jadi mengisi

ke form kartu AK/I

setelah registrasi

user account

Menutup jendela

atau tab browser

kemudian coba

masuk user account

User account belum

terdaftar dan tidak bisa

masuk. User tidak

dikenali.

Pass

Page 80: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

64

No Skenario Test case Hasil yang diharapkan Status

4. Tidak mengisi

seluruh field form

AK/I

Semua field: - JQuery validasi

mengeluarkan pesan

berbentuk callouts pada

field yang wajib diisi.

Pass

5. Mengisi field form

AK/I dengan format

yang tidak sesuai

Hp: abcdefgh JQuery validasi

mengeluarkan pesan

berbentuk callouts.

Hp: Field ini harus diisi

angka.

Pass

6. Berhasil mengisi

form AK/I

Mengisi field form

AK/I dengan

format yang sesuai

Tampilan:

Data Berhasil Disimpan.

Tunggu proses Login ke

Pelayanan Online

Disnakertrans !!!

Username Anda: pencaker

Pass

4.2.2 Edit data-data account pencari kerja.

Tabel 4.2 Test Case Edit Data-data Account Pencari Kerja

No Skenario Test case Hasil yang diharapkan Status

1. Berhasil masuk

user account

Username:

pencaker

Password:

pencaker

Tampilan:

BERHASIL MELAKUKAN

LOGIN. Di-redirect ke

halaman index user pencari

kerja.

Pass

2. Edit field form

AK/I dengan

format yang tidak

sesuai

Email: caker@g JQuery validasi

mengeluarkan pesan

berbentuk callouts.

Email: Email harus valid.

Pass

Page 81: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

65

No Skenario Test case Hasil yang diharapkan Status

3. Field wajib form

AK/I diganti

dengan tidak

diisi.

Email: - JQuery validasi

mengeluarkan callouts.

Email: Email harus valid.

Pass

4. Berhasil edit

form AK/I

Edit field form

AK/I dengan

format yang sesuai

Tampilan:

Data Berhasil Diubah.

Pass

4.2.3 Mendaftar account user pemberi kerja.

Tabel 4.3 Test Case Mendaftar Account User Pemberi Kerja

No Skenario Test case Hasil yang diharapkan Status

1. Berhasil Mendaftar

account

Username:

pembeker

Password:

pembeker

Ulangi Password:

pembeker

Sistem berhasil

melakukan registrasi dan

di-redirect ke halaman

pengisian form data

perusahaan.

Pass

2. Tidak mengisi

seluruh field

Username: -

Password: -

Ulangi Password: -

No KTP: -

JQuery validasi

mengeluarkan pesan

berbentuk callouts.

Username: Field ini

harus diisi.

Password: Field ini

harus diisi minimal 5

karakter.

Ulangi Password: Field

ini isinya harus sama

dengan diatasnya.

Pass

Page 82: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

66

No Skenario Test case Hasil yang diharapkan Status

3. Tidak jadi mengisi ke

form data perusahaan

setelah registrasi user

account pemberi

kerja

Menutup jendela

atau tab browser

kemudian coba

masuk user account

User account belum

terdaftar dan tidak bisa

masuk. User tidak

dikenali.

Pass

4. Tidak mengisi

seluruh field form

data perusahaan

Semua field: - JQuery validasi

mengeluarkan pesan

berbentuk callouts pada

field yang wajib diisi.

Pass

5. Mengisi field form

data perusahaan

dengan format yang

tidak sesuai

Telp: abcdefgh JQuery validasi

mengeluarkan pesan

berbentuk callouts.

Telp: Field ini harus

diisi angka.

Pass

6. Berhasil mengisi

form data perusahaan

Mengisi field form

AK/I dengan

format yang sesuai

Tampilan:

Data Perusahaan Berhasil

Disimpan.

Tunggu proses Login ke

Pelayanan Online

Disnakertrans Untuk

Daftar AK/III !!!

Username Anda:

pembeker

Pass

Page 83: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

67

4.2.4 Membuat AK/III baru.

Tabel 4.4 Test Case Membuat AK/III baru

No Skenario Test case Hasil yang diharapkan Status

1. Berhasil masuk user

account

Username:

pembeker

Password:

pembeker

Tampilan:

BERHASIL

MELAKUKAN LOGIN.

Di-redirect ke halaman

index user pemberi kerja.

Pass

2. Masuk menu

Layanan AK/III dan

masuk link Buat

Lowongan Pekerjaan

Baru atau AK/III

Baru

Klik menu Layanan

AK/III dan klik link

Buat Lowongan

Pekerjaan Baru

atau AK/III Baru

Sistem berhasil

melakukan redirect ke

halaman pengisian form

AK/III baru.

Pass

4.2.5 Edit data-data account pemberi kerja.

Tabel 4.5 Test Case Edit Data-data Account Pemberi Kerja

No Skenario Test case Hasil yang diharapkan Status

1. Edit field form data

perusahaan dengan

format yang tidak

sesuai

Telp: abcdefgh JQuery validasi

mengeluarkan pesan

berbentuk callouts.

Telp: Field ini harus

diisi angka.

Pass

2. Edit field form AK/III

dengan format yang

tidak sesuai

Upah Minimum:

abcdefgh

JQuery validasi

mengeluarkan pesan

berbentuk callouts.

Upah Minimum: Field

ini harus diisi angka.

Pass

Page 84: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

68

No Skenario Test case Hasil yang diharapkan Status

3. Field wajib form data

perusahaan dan AK/III

diganti dengan tidak

diisi.

Telp: -

dan

Upah Minimum:

-

JQuery validasi

mengeluarkan callouts.

Telp: Field ini harus

diisi angka.

Upah Minimum: Field

ini harus diisi angka.

Pass

4. Berhasil edit form data

perusahaan dan AK/III

Edit field form

data perusahaan

dan AK/III

dengan format

yang sesuai

Tampilan:

Data Berhasil Diubah.

Pass

4.2.6 Masuk halaman admin.

Tabel 4.6 Test Case Masuk Halaman Admin

No Skenario Test case Hasil yang diharapkan Status

1. Berhasil

masuk user

account

Username:

disnaker

Password: disnaker

Tampilan:

BERHASIL MELAKUKAN

LOGIN. Di-redirect ke halaman

index admin.

Pass

2. Tidak mengisi

seluruh field

Username: -

Password: -

JQuery validasi mengeluarkan

pesan berbentuk callouts.

Username: Field ini harus diisi.

Password: Field ini harus diisi

minimal 5 karakter.

Pass

Page 85: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

69

4.2.7 Edit profil account pada halaman admin.

Tabel 4.7 Test Case Edit Profil Account Pada Halaman Admin

No Skenario Test case Hasil yang diharapkan Status

1. Melihat profil account

admin.

Klik menu

Admin.

Di-redirect ke modul

halaman profil account

admin.

Pass

2. Edit profil admin

dengan mengosongkan

field username.

Username: -

Password:

disnaker

Tampil pesan error:

Username yang diubah

Pass

3. Edit profil admin

dengan mengosongkan

field password.

Username: Barjo

Password: -

Tampil pesan error:

Password masih

Pass

4. Edit username dengan

nama yang sama atau

telah ada.

Username:

disnaker

Password:

disnaker

Tampil pesan error:

Username anda sudah

dipakai, ganti yang

Pass

5. Edit password dengan

nama karakter kurang

dari 5 karakter.

Username: Barjo

Password: Barj

Tampil pesan error:

Password harus diisi

m

Pass

4.2.8 Edit berita pada halaman admin.

Tabel 4.8 Test Case Edit Berita Pada Halaman Admin

No Skenario Test case Hasil yang diharapkan Status

1. Melihat data berita. Klik menu Berita. Di-redirect ke modul

halaman berita.

Pass

2. Menambah berita. Klik link Tambah

Berita.

Di-redirect ke modul

halaman tambah berita.

Pass

3. Menambah berita

namun tidak mengisi

judul berita.

Judul Berita: -

Tampil pesan error:

masih

Pass

Page 86: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

70

No Skenario Test case Hasil yang diharapkan Status

4. Menambah berita

namun tidak mengisi

isi berita.

Isi Berita: - Tampil pesan error:

Pass

5. Menambah berita

namun tidak mengisi

pengirim berita.

Pengirim: - Tampil pesan error:

Pass

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 Hasil yang diharapkan Status

1. Mencoba satu per satu

kategori pada search

engine setiap menu.

Klik satu per satu

radio button dan

eksekusi setiap

menu.

Halaman pada setiap

menu dapat

menampilkan data-data

yang sesuai dengan

inputan search engine.

Pass

4.2.10 Edit user pada halaman admin.

Tabel 4.10 Test Case Edit Berita Pada Halaman Admin

No Skenario Test case Hasil yang diharapkan Status

1. Melihat data user. Klik menu

User.

Di-redirect ke modul

halaman user.

Pass

2. Edit user. Klik link Edit

pada user yang

akan di-edit.

Di-redirect ke modul

halaman form edit user.

Pass

3. Tidak mengisi

username.

Username: -

Tampil pesan error:

Username yang diubah

Pass

4. Tidak mengisi

password.

Password: - Tampil pesan error:

Password

Pass

Page 87: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

71

No Skenario Test case Hasil yang diharapkan Status

5. Edit username dengan

nama yang sama atau

telah ada.

Username:

pencaker

Pada user

pencaker.

Tampil pesan error:

Username anda sudah

dipakai, ganti yang lain !

Pass

4.2.11 Mengelola AK/I pada halaman admin.

Tabel 4.11 Test Case Mengelola AK/I Pada Halaman Admin

No Skenario Test case Hasil yang diharapkan Status

1. Melihat data AK/I. Klik menu

Layanan AK/I.

Di-redirect ke modul

halaman AK/I.

Pass

2. Melihat Detail AK/I

salah satu user

Klik link Detail

pada AK/I yang

dipilih.

Di-redirect ke modul

halaman Detail AK/I.

Pass

3. Melihat Preview AK/I

salah satu user

Klik link Preview

AK/I pada user

yang dipilih.

Di-redirect ke modul

halaman Preview AK/I.

Pass

4. Mencetak Kartu AK/I. Klik link Cetak

AK/I pada

halaman Preview

AK/I user yang

dipilih

Membuat new blank tab

pada browser yang di-

redirect langsung ke

sistem pencetakan.

Pass

4.2.12 Mengelola AK/III pada halaman admin.

Tabel 4.12 Test Case Mengelola AK/III Pada Halaman Admin

No Skenario Test case Hasil yang diharapkan Status

1. Melihat data AK/III. Klik menu

Layanan AK/III.

Di-redirect ke modul

halaman AK/III.

Pass

2. Melihat Detail AK/III

salah satu user

Klik link Detail

pada AK/III.

Di-redirect ke modul

halaman Detail AK/III.

Pass

Page 88: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

72

4.2.13 Mengelola data perusahaan pada halaman admin.

Tabel 4.13 Test Case Mengelola Data Perusahaan Pada Halaman Admin

No Skenario Test case Hasil yang diharapkan Status

1. Melihat data

perusahaan.

Klik menu Data

Perusahaan.

Di-redirect ke modul

halaman data perusahaan.

Pass

2. Melihat Detail data

perusahaan salah satu

user.

Klik link Detail

pada data

perusahaan yang

dipilih.

Di-redirect ke modul

halaman Detail data

perusahaan.

Pass

Page 89: TUGAS AKHIR - digilib.uns.ac.id... · Tugas akhir ini menjelaskan tentang pembuatan Sistem Informasi ... Tabel 4.9 Test Case Cek Search Engine Setiap Menu Pada Halaman Admin

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

commit to user

73

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.