RANCANG BANGUN SISTEM ONLINE PELAYANAN PEMBUATAN

KARTU TANDA PENCARI KERJA (AK/I) PADA DINAS SOSIAL

TENAGA KERJA DAN TRANSMIGRASI KABUPATEN BREBES

Tugas Akhir

Disajikan sebagai salah satu syarat

mendapatkan gelar Ahli Madya

Program Studi Statistika Terapan dan Komputasi

oleh

Nurkholis Wahyudi

4112310002

JURUSAN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS NEGERI SEMARANG

2013

ii

PERNYATAAN

Saya menyatakan bahwa tugas akhir ini bebas plagiat, dan apabila di

kemudian hari terbukti terdapat plagiat dalam tugas akhir ini, maka saya akan

bersedia menerima sanksi sesuai ketentuan perundang-undangan.

Semarang, 2 September 2013

Nurkholis Wahyudi

NIM. 4112310002

iii

PERSETUJUAN PEMBIMBING

Tugas Akhir ini telah disetujui oleh pembimbing untuk diajukan ke

Sidang Panitia Ujian Tugas Akhir Jurusan Matematika Fakultas Matematika dan

Ilmu Pengetahuan Alam Universitas Negeri Semarang.

Semarang, 2 September 2013

Pembimbing Utama

Endang Sugiharti S.Si.,M.Kom.

NIP. 197401071999032001

Pembimbing Pendamping

Dr. Masrukan M.Si.

NIP. 196604191991021001

iv

PENGESAHAN

Tugas Akhir yang berjudul

Rancang Bangun Sistem Online Pelayanan Pembuatan Kartu Tanda Pencari Kerja

(AK/I) pada Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Brebes.

Disusun oleh:

Nama : Nurkholis Wahyudi

NIM : 4112310002

Telah dipertahankan di hadapan sidang Panitia Ujian Tugas Akhir FMIPA

UNNES pada tanggal 6 September 2013.

Panitia:

Ketua Sekretaris

Prof. Dr. Wiyanto M.Si. Drs Arief Agoestanto, M.Si.

196310121988031001 196807221993031005

Pembimbing I/Penguji II Pembimbing II/Penguji I

Endang Sugiharti S.Si.,M.Kom. Dr. Masrukan M.Si.

197401071999032001 196604191991021001

v

MOTTO DAN PERSEMBAHAN

MOTTO

Jangan lihat masa lampau dengan penyesalan, jangan pula lihat masa depan

dengan ketakutan, tapi lihatlah sekitar anda denagn penuh dengan kesadaran

(James Turbain).

Tinggalkanlah gengsi, hidup berawal dari mimpi gantungkan yang tinggi

agar semua terjadi (Bondan Prakoso).

Proses adalah hal terpenting dalam sebuah perjalanan, hasil hanyalah sebuah

hadiah dari tercapainya suatu proses.

Hidup bukan hanya untuk sekarang tapi juga untuk besok, nanti dan

seterusnya.

PERSEMBAHAN

Tugas Akhir ini kupersembahkan untuk:

Bapak, Ibu, Kakak dan Adikku tercinta

yang selalu memberikan kasih sayang,

semangat, dan doa.

Keluarga besar Mathematics Computing

Club (MCC) yang telah memberiku

semangat.

Keluarga kecilku Chapadoe yang telah

memberiku semangat dan doa.

Teman-teman SCY Staterkom 2010

yang telah memberiku semangat dan

motivasi.

vi

ABSTRAK

Wahyudi, Nurkholis. 2013. Rancang Bangun Sistem Online Pelayanan

Pembuatan Kartu Tanda Pencar Kerja (AK/I) pada Dinas Sosial Tenaga Kerja

dan Transmigrasi Kabupaten Brebes. Tugas Akhir. Jurusan Matematika Fakultas

Matematika dan Ilmu Pengetahuan Alam Universitas Negeri Semarang.

Pembimbing I: Endang Sugiharti S.Si.,M.Kom., Pembimbing II: Dr. Masrukan

M.Si.

Kata kunci: Sistem informasi berbasis web, metode pengembangan sistem,

Rancang bangun, kartu tanda pencari kerja (AK/I).

Salah satu permasalahan pada proses pembuatan kartu tanda pencari kerja

(AK/I) pada Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Brebes

adalah lamanya proses pembuatan kartu tanda pencari kerja (AK/I) karena masih

menggunakan cara manual ketika mengisi data diri pencari kerja. Salah satu upaya

untuk mengatasi hal tersebut adalah dengan membuat sistem online pelayanan

pembuatan kartu tanda pencari kerja (AK/I) pada Dinas Sosial Tenaga Kerja dan

Transmigrasi Kabupaten Brebes. Sistem informasi ini dibuat berbasis web dengan

menggunakan PHP dan MySQL.

Permasalahan yang diangkat dalam penelitian ini adalah (1) bagaimana

implementasi rancang bangun sistem online pelayanan pembuatan kartu tanda

pencari kerja (AK/I) dalam proses pembuatan kartu tanda pencari kerja (AK/I)?

(2) bagaimana implementasi rancang bangun sistem online pelayanan pembuatan

kartu tanda pencari kerja (AK/I) dalam pengelolaan database pencari kerja?

Data yang digunakan dalam pembuatan sistem informasi ini adalah data

pegawai dan data pencari kerja Dinas Sosial Tenaga Kerja dan Transmigrasi

Kabupaten Brebes sebagai data utama di dalam sistem.

Produk jadi rancang bangun sistem online pelayanan pembuatan kartu

tanda pencari kerja (AK/I) adalah sebuah web yang berisi informasi profil

Kabupaten Brebes dan Depnakertrans, informasi syarat-syarat pendaftaran

pembuatan kartu tanda pencari kerja (AK/I), informasi pegawai dan pencari kerja

di Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Brebes, sehingga

memudahkan pengguna untuk mencari informasi dan melakukan pendaftaran

untuk membuat kartu tanda pencari kerja di Dinas Sosial Tenaga Kerja dan

Transmigrasi Kabupaten Brebes.

Simpulan yang diperoleh adalah implementasi rancang bangun sistem

online pelayanan pembuatan kartu tanda pencari kerja (AK/I) memudahkan dalam

pelayanan pembuatan kartu tanda pencari kerja (AK/I) dan memudahkan dalam

mengelola database pencari kerja di Dinas Sosial Tenaga Kerja dan Transmigrasi

Kabupaten Brebes. Peneliti menyarankan bahwa sistem informasi dengan berbasis

web dengan menggunakan PHP dan MySQL tersebut dapat digunakan di Dinas

Sosial Tenaga Kerja dan Transmigrasi Kabupaten Brebes. Peneliti menyarankan

apabila sistem tersebut ingin dikembangkan, bisa lebih ditingkatkan lagi dengan

ditambahkan perangkat foto webcame untuk dapat foto terbaru pencari kerja.

vii

KATA PENGANTAR

Puji syukur senantiasa terucap ke hadirat Allah atas segala rahmat-Nya

dan sholawat selalu tercurah atas Muhammad Rasulullah SAW hingga akhir

zaman. Pada kesempatan ini, penulis dengan penuh syukur mempersembahkan

tugas akhir dengan judul ”Rancang Bangun Sistem Online Pelayanan Pembuatan

Kartu Tanda Pencari Kerja (AK/I) pada Dinas Sosial Tenaga Kerja dan

Transmigrasi Kabupaten Brebes”.

Tugas Akhir ini dapat tersusun dengan baik berkat bantuan dan bimbingan

banyak pihak. Oleh karena itu, penulis menyampaikan terima kasih kepada:

1. Prof. Dr. Fathur Rokhman, M.Hum., Rektor Universitas Negeri Semarang.

2. Prof. Dr. Wiyanto, M.Si., Dekan Fakultas Matematika dan Ilmu Pengetahuan

Alam Universitas Negeri Semarang.

3. Drs. Arief Agoestanto, M.Si., Ketua Jurusan Matematika Fakultas

Matematika dan Ilmu Pengetahuan Alam Universitas Negeri Semarang.

4. Much Aziz Muslim S.Kom., M.Kom., Dosen Wali yang telah memberikan

arahan dan motivasi.

5. Endang Sugiharti S.Si.,M.Kom. Dosen Pembimbing I yang telah

memberikan bimbingan, arahan, dan saran kepada penulis dalam menyusun

skripsi ini.

6. Dr. Masrukan M.Si., Dosen Pembimbing II yang telah memberikan

bimbingan, arahan, dan saran kepada penulis dalam menyusun skripsi ini.

viii

7. Budi Rakhmawan, S.E., Kabid Pengembangan Nakertrans Dinas Sosial

Tenaga Kerja dan Transmigrasi Kabupaten Brebes yang telah memberikan

ijin untuk melakukan penelitian dan membantu memberikan arahan serta

motivasi.

8. Ayah, ibu, kakak, dan adik yang senantiasa memberikan kasih sayang,

semangat, dan motivasi.

9. Teman-teman SCY dan Chapadoe yang senantiasa memberikan semangat

dan motivasi

Semoga tugas akhir ini dapat memberikan manfaat bagi penulis dan para

pembaca. Terima kasih.

Semarang, 6 September 2013

Penulis

ix

DAFTAR ISI

Halaman

HALAMAN JUDUL ...................................................................................... i

PERNYATAAN ............................................................................................. ii

PERSETUJUAN PEMBIMBING ................................................................. iii

PENGESAHAN ............................................................................................. iv

PERSEMBAHAN .......................................................................................... v

ABSTRAK ..................................................................................................... vi

KATA PENGANTAR ................................................................................... vii

DAFTAR ISI .................................................................................................. ix

DAFTAR GAMBAR ..................................................................................... xiv

DAFTAR LAMPIRAN .................................................................................. xvi

BAB 1. PENDAHULUAN

1. 1 Latar Belakang ......................................................................... 1

1. 2 Perumusan Masalah .................................................................. 4

1. 3 Tujuan Penelitian ...................................................................... 4

1. 4 Manfaat Penelitian .................................................................... 5

1. 5 Pembatasan Masalah ................................................................. 5

BAB 2. TINJAUAN PUSTAKA

2. 1 Konsep Dasar Sistem Online (Website) .................................... 6

2.1.1 Sistem Informasi Online (Website) .................................. 6

2.1.2 Metode Pengembangan Sistem ........................................ 7

x

2. 2 Konsep Kartu Tanda Pencari Kerja (AK/I) di Dinas Sosial Tenaga

Kerja dan Transmigrasi Kabupaten Brebes ............................. 9

2.2.1 Dinas Sosial Tenaga Kerja dan Transmigrasi .................. 9

2.2.2 Kartu Tanda Pencari Kerja (AK/I) ................................... 13

2. 3 Dasar Pemrograman Sistem ...................................................... 16

2.3.1 Basis Data ........................................................................ 16

2.3.1.1 Konsep Database Relational ................................ 16

1. Tabel ................................................................. 17

2. Relasi Antar Tabel ........................................... 18

3. Hirarki Data ..................................................... 18

2.3.2 Bahasa Pemrograman ....................................................... 19

2.3.2.1 HyperText Markup Language (HTML) ................ 19

2.3.2.2 HyperText Preprocessor (PHP) .......................... 21

2. 4 Aplikasi Pendukung Dalam Pembuatan Sistem ....................... 23

2.4.1 XAMPP ........................................................................... 23

2.4.2 Macromedia Dreamweaver 8 ........................................... 26

2.4.2.1 Struktur Aplikasi ................................................. 26

1. Insert Bar ........................................................ 27

2. Document Toolbar .......................................... 27

3. Document Window .......................................... 27

4. Tag Selector .................................................... 27

5. Property Inspector .......................................... 27

6. Panel Group ................................................... 27

xi

7. Site Panel ........................................................ 27

2.4.2.2 Menu Aplikasi ..................................................... 28

1. File Menu ........................................................ 28

2. Edit Menu ....................................................... 28

3. View Menu ...................................................... 28

4. Insert Menu ..................................................... 28

5. Modify Menu ................................................... 28

6. Text Menu ....................................................... 28

7. Commands Menu ............................................ 29

8. Site Menu ........................................................ 29

9. Window Menu ................................................. 29

10. Help Menu .................................................... 29

2.4.3 MySQL ................................................................................ 29

BAB 3. METODE PENELITIAN

3.1 Ruang Lingkup Penelitian ........................................................ 33

3.2 Bahan Penelitian ....................................................................... 33

3.2.1 Data Primer ...................................................................... 33

3.2.2 Data Sekunder .................................................................. 34

3.3 Pengambilan Data .................................................................. 34

3.3.1 Metode Literatur .............................................................. 34

3.3.2 Metode Observasi ............................................................ 34

3.3.3 Metode Interview ............................................................. 35

3.3.4 Metode Dokumentasi ....................................................... 35

xii

3.3.5 Metode Komputerisasi ..................................................... 35

3.4 Pengembangan Sistem .............................................................. 36

3.4.1 Tahap Analisis ................................................................. 36

3.4.2 Tahap Desain ................................................................... 36

3.4.2.1 Entity Relationalship Diagram (ERD) ................ 36

3.4.2.2 Data Flow Diagram (DFD) ................................ 38

3.4.2.3 Perancangan Sistem Basis data .......................... 39

3.4.2.4 Normalisasi Basis Data ....................................... 41

3.4.2.5 Penjelasan Tabel Data ....................................... 42

3.4.3 Tahan Code (Coding) ....................................................... 42

3.4.4 Tahap Pengujian (Test) ................................................... 43

3.4.5 Tahap Perawatan (Maintenance) .................................... 43

3.5 Analisis Data ............................................................................. 43

BAB 4. HASIL PENELITIAN DAN PEMBAHASAN

4.1 Implementasi Sistem ................................................................. 44

4.1.1 Tahap Pengujian Program ................................................ 44

4.1.2 Cara Kerja Pogram ........................................................... 45

4.1.3 Hak Akses User .............................................................. 45

4.2 Hasil Pembuatan Program ........................................................ 46

4.2.1 Sistem Informasi .............................................................. 46

4.2.1.1 Halaman Awal .................................................... 46

4.2.1.2 Halaman Profil Kabupaten Brebes .................... 48

4.2.1.3 Halaman Profil Depnakertrans .......................... 49

xiii

4.2.1.4 Halaman Layanan .............................................. 50

4.2.1.5 Halaman Kontak Kami ....................................... 50

4.2.1.6 Halaman Pendaftaran ........................................ 52

4.2.1.7 Halaman Login ................................................... 53

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

4.2.1.9 Halaman Pegawai .............................................. 58

4.2.1.10 Halaman Warga ............................................... 60

4.3 Pembahasan .............................................................................. 61

4.3.1 Keunggulan Sistem Online Pelayanan Pembuatan Kartu Tanda

Pencari Kerja (AK/I) ....................................................... 62

4.3.2 Kelemahan Sistem Online Pelayanan Pembuatan Kartu Tanda

Pencari Kerja (AK/I) ....................................................... 63

BAB 5. PENUTUP

5.1 Simpulan ................................................................................... 64

5.2 Saran ......................................................................................... 65

DAFTAR PUSTAKA .................................................................................... 66

LAMPIRAN .................................................................................................. 67

xiv

DAFTAR GAMBAR

Halaman

Gambar 2.1 Classic Waterfall Model ............................................................... 8

Gambar 2.2 Kartu Tanda Pencari Kerja (belakang) ......................................... 15

Gambar 2.3 Kartu Tanda Pencari Kerja (depan) .............................................. 15

Gambar 2.4 Contoh Script HTML ................................................................... 19

Gambar 2.5 Contoh Script HTML dengan Notepad ........................................ 20

Gambar 2.6 Contoh Script HTML dengan Dreamweaver ............................... 20

Gambar 2.7 Contoh Script HTML dengan Dreamweaver ............................... 20

Gambar 2.8 Contoh Struktur Pembacaan Web Server ..................................... 21

Gambar 2.9 Contoh Script PHP ....................................................................... 22

Gambar 2.10 Contoh Contoh Script PHP dalam Dreamweaver ...................... 23

Gambar 2.11 Struktur Macromedia Dreamweaver 8 ....................................... 26

Gambar 2.12 Menu Macromedia Dreamweaver 8 ........................................... 28

Gambar 3.1 Simbol-simbol ERD ..................................................................... 37

Gambar 3.2 ERD Sistem Online Pelayanan Pembuatan Kartu Tanda Pencari

Kerja (AK/I) pada Dinas Sosial Tenaga Kerja dan Transmigrasi

Kabupaten Brebes ....................................................................... 37

Gambar 3.3 Simbol-simbol DFD ..................................................................... 38

Gambar 3.4 DFD Konteks Sistem Online Pembuatan Kartu Kuning .............. 34

Gambar 3.5 DFD Tahap Perancangan ............................................................. 40

Gambar 4.1 Halaman Awal .............................................................................. 47

Gambar 4.2 Halaman Profil Kabupaten Brebes ............................................... 48

Gambar 4.3 Halaman Profil Depnakertrans ..................................................... 49

Gambar 4.4 Halaman Layanan ......................................................................... 50

Gambar 4.5 Halaman Pendaftaran ................................................................... 51

Gambar 4.6 Halaman Kontak Kami ................................................................ ̀ 52

Gambar 4.7 Halaman Login ............................................................................. 53

Gambar 4.8 Halaman Admin ............................................................................ 54

Gambar 4.9 Menu Admin ................................................................................. 55

xv

Gambar 4.10 Menu Tambah Admin ................................................................. 55

Gambar 4.11 Menu Data Pegawai ................................................................... 56

Gambar 4.12 Menu Pencarian .......................................................................... 56

Gambar 4.13 Submenu Hasil Pencarian........................................................... 57

Gambar 4.14 Menu Data Pencari Kerja ........................................................... 57

Gambar 4.15 Menu Suara Warga ..................................................................... 58

Gambar 4.16 Halaman Pegawai ....................................................................... 59

Gambar 4.17 Halaman Warga .......................................................................... 60

xvi

DAFTAR TABEL

Tabel 4.1 Hak Akses User ............................................................................... 45

xvii

DAFTAR LAMPIRAN

Halaman

Lampiran 1 Tabel Basis Data Sistem ............................................................... 67

Lampiran 2 ERD .............................................................................................. 70

Lampiran 3 DFD .............................................................................................. 71

Lampiran 3 Coding .......................................................................................... 73

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Sebagai bagian dari pembangunan nasional, bidang ketenagakerjaan dan

ketransmigrasian merupakan bagian dari upaya pengembangan sumber daya

manusia dan sumber daya alam yang memegang peranan penting dalam

mewujudkan pembangunan manusia Indonesia seutuhnya dan masyarakat

Indonesia seluruhnya. Oleh karena itu, pembangunan di bidang ketenagakerjaan

dan ketransmigrasian diarahkan untuk memberikan kontribusi nyata dan terukur

dalam rangka peningkatan kesejahteraan tenaga kerja, ketenangan berusaha dan

kesejahteraan transmigrasi yang dilaksanakan melalui berbagai kebijakan.

Upaya peningkatan kesejahteraan tenaga kerja oleh bidang ketenagakerjaan

dan ketransmigrasian ini memunculkan gagasan tentang efektivitas pelayanan

terhadap tenaga kerja. Efektivitas pelayanan inilah yang dituntut masyarakat

untuk lebih ditingkatkan, karena tugas terpenting dari setiap instansi pemerintahan

adalah memberikan pelayanan, bahkan pada dasarnya pembentukan instansi-

instansi pemerintah ditujukan sebagai perangkat utama dalam pemberian

pelayanan. Harus diakui, bahwa pelayanan yang diberikan pemerintah kepada

masyarakat mengalami pembaharuan, baik dari sisi paradigma maupun format

pelayanan, seiring dengan adanya kebijakan-kebijakan yang dikeluarkan dari

instansi tersebut juga dalam meningkatnya tuntutan masyarakat dan perubahan

dalam pemerintahan itu yang memuaskan, bahkan masyarakat masih diposisikan

sebagai pihak yang tidak berdaya dan termarginalisasikan dalam kerangka

2

pelayan. Padahal kegiatan pelayanan juga menyangkut tentang pemenuhan suatu

hak, maka ia menjadi hak yang juga melekat pada setiap orang. Jadi dalam

memperoleh pelayanan yang wajar untuk mendapatkan hal tersebut, adalah suatu

hak juga yang harus diperjuangkan. Dan intinya bahwa para aparat pemerintah itu

merupakan abdi masyarakat dan tidak sepenuhnya abdi negara karena instansi

pemerintah tidak boleh lupa bahwa mereka memberikan pelayanan kepada publik.

Selain itu, berdasar pada Keputusan Menteri Pendayagunaan Aparatur Negara

Nomor 63 Tahun 2004 dinyatakan bahwa Hakikat Pelayanan Publik adalah

Pemberian pelayanan kepada masyarakat yang merupakan perwujudan kewajiban

dari aparatur pemerintah sebagai abdi masyarakat (Ratminto, Atik Septi Winarsih,

2005. Manajemen Pelayanan.Yogyakarta: Pustaka Pelajar, hal 19).

Dalam upaya peningkatan efektivitas pelayanan terhadap masrakat inilah

Dinas Sosial Tenaga Kerja dan Transmigasi sebagai instansi pemerintah yang

diberi wewenang untuk menangani ketenagakerjaan dan transmigasi berusaha

untuk meningkatkan pelayanan dengan cepat, tepat dan memanfaatkan waktu

sebaik mungkin, yang sesuai dengan misi Kementerian Tenaga Kerja dan

Transmigrasi yaitu “Penerapan Organisasi yang efisien, tatalaksana yang efektif

dan terpadu dengan prinsip kepemerintahan yang baik (good governance), yang

didukung oleh penelitian, pengembangan dan pengelolaan informasi yang efektif”

(http://www.depnakertrans.go.id/tentang.html,visi).

Berbicara mengenai pelayanan instansi pemerintahan secara umum terhadap

masyarakat, fakta yang ada menunjukkan masih adanya keluhan masyarakat

terkait dengan sistem pelayanan yang telah berjalan. Salah satu contoh keluhan

3

masyarakat terhadap pelayanan instansi pemerintah adalah pada Dinas Sosial

Tenaga Kerja dan Transmigrasi mengenai efisiensi pelayanan dalam pembuatan

Kartu Tanda Pencari Kerja (AK/I). Pada dasarnya, setiap kartu tanda pencari kerja

yang dikeluarkan oleh Disnakertrans akan digunakan untuk melengkapi data

statistik jumlah pencari kerja pada tahun yang bersangkutan agar dapat

dibandingkan dengan jumlah lapangan kerja yang ada, sehingga dapat menjadi

koreksi atau landasan untuk meningkatkan jumlah lapangan kerja di Indonesia,

namun pada pengolahannya mengalami kendala, yaitu karena sistem yang

digunakan untuk membuat dan mengolah data kartu tanda pencari kerja masih

konvensional atau sistem manual. Hal tersebut secara khusus terjadi pada Dinas

Sosial Tenaga Kerja dan Transmigrasi Kabupaten Brebes.

Diketahui bahwa sistem manual atau konvensional dalam pelayanan

pembuatan kartu tanda pencari kerja pada Dinas Sosial Tenaga Kerja dan

Transmigrasi Kabupaten Brebes dirasakan kurang efisien, dengan kata lain

membutuhkan waktu yang lama, terlebih lagi pada saat menjelang penerimaan

pegawai negeri sipil. Berdasarkan permasalahan tersebut, penulis mencoba

membuat sebuah rancang bangun sistem online untuk pelayanan pembuatan kartu

tanda pencari kerja khususnya pada Dinas Sosial Tenaga Kerja dan Transmigrasi

Kabupaten Brebes. Dengan adanya sistem online, diharapkan akan menjadi sistem

yang sudah terkomputerisasi sehingga memudahkan petugas untuk memberikan

layanan yang efisien kepada pencari kerja.

4

1.2 Perumusan Masalah

Masalah yang akan dikaji dalam penelitian ini adalah sebagai berikut.

1) Bagaimana rancang bangun sistem online pelayanan pembuatan kartu tanda

pencari kerja (AK/I) pada Dinas Sosial Tenaga Kerja dan Transmigrasi

Kabupaten Brebes yang efektif untuk mengatasi masalah yang terjadi dalam

pembuatan kartu tanda pencari kerja (AK/I).

2) Bagaimana implementasi rancang bangun sistem online pelayanan

pembuatan kartu tanda pencari kerja (AK/I) pada Dinas Sosial Tenaga Kerja

dan Transmigrasi Kabupaten Brebes dengan menggunakan bahasa

pemograman PHP dan MySQL sebagai pengelola basis data.

1.3 Tujuan Penelitian

Tujuan yang ingin dicapai melalui penelitian ini adalah sebagai berikut.

1) Memperoleh suatu rancang bangun sistem online pelayanan pembuatan

kartu tanda pencari kerja (AK/I) pada Dinas Sosial Tenaga Kerja dan

Transmigrasi Kabupaten Brebes yang efektif untuk mengatasi masalah yang

terjadi dalam pembuatan kartu tanda pencari kerja (AK/I).

2) Memperoleh suatu rancang bangun sistem online pelayanan pembuatan

kartu tanda pencari kerja (AK/I) pada Dinas Sosial Tenaga Kerja dan

Transmigrasi Kabupaten Brebes yang efektif untuk mengatasi masalah yang

terjadi dalam pembuatan kartu tanda pencari kerja (AK/I) agar pegawai

Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Brebes lebih

5

mudah dalam melayani pembuatan atau perpanjangan kartu tanda pencari

kerja (AK/I).

1.4 Manfaat Penelitian

Adapun manfaat tugas akhir ini adalah sebagai berikut.

1) Bagi pencari kerja, memberikan kemudahan ketika akan membuat atau

memperpanjang masa berlaku kartu tanda pencari kerja (AK/I) karena tidak

perlu mengantri panjang pada Dinas Sosial Tenaga Kerja dan Transmigrasi

Kabupaten Brebes.

2) Bagi pegawai Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten

Brebes, memberikan kemudahan ketika melayani pembuatan kartu tanda

pencari kerja (AK/I).

3) Bagi penulis, dapat memperoleh pengalaman langsung tentang

implementasi rancang bangun sistem online pelayanan pembuatan kartu

tanda pencari kerja (AK/I) pada Dinas Sosial Tenaga Kerja dan

Transmigrasi Kabupaten Brebes.

1.5 Pembatasan Masalah

Dalam tugas akhir ini yang akan dibahas adalah sebagai berikut.

1) Menciptakan rancang bangun sistem online pelayanan pembuatan kartu

tanda pencari kerja (AK/I).

2) Penelitian ini dilakukan di Dinas Sosial Tenaga Kerja dan Transmigrasi

Kabupaten Brebes.

6

BAB 2

TINJAUAN PUSTAKA

2.1 Konsep Dasar Sistem Online (Website)

2.1.1 Sistem Informasi Online (Website)

Sistem adalah suatu elemen-elemen yang berintegrasi dengan maksud

yang sama untuk mencapai suatu tujuan. Informasi adalah data yang telah

diproses, atau data yang memiliki arti. Sistem informasi adalah seperangkat

komponen yang saling berhubungan yang berfungsi mengumpulkan,

memproses, menyimpan, dan mendistribusikan informasi untuk mendukung

pembuatan keputusan dan pengawasan dalam suatu organisasi (Nugroho,

2009:298).

Dalam perkembangannya, sistem informasi kini lebih banyak berkembang

dengan teknologi internet karena dinilai mampu memberikan akses yang lebih

cepat dan mudah. Akses tersebut biasanya mecakup proses pengumpulan,

penyimpanan dan pendistribusian tentang informasi tersebut. Perkembangan in

yang kemudian memunculkan website sebagai tempat untuk mengakses berbagai

informasi.

Perkembangan world wide web (www) yang sangat pesat ditandai dengan

munculnya berbagai macam website dengan halaman web yang interaktif. Hal ini

disebabkan www memberikan tampilan grafik yang sangat indah dan bagus untuk

dipandang, selain itu konsep teknologi hypertext yang digunakannya memberikan

7

kemudahan dan kecepatan yang luar biasa. Kedua hal ini memang yang paling

diinginkan oleh hampir semua orang. www digunakan bukan hanya sekedar alat

untuk mencari informasi saja. Lebih dari itu, www sudah banyak dipakai secara

komersial oleh hampir semua perusahaan – perusahaan besar diseluruh dunia

untuk meng-iklankan produk – produk mereka.

Bahasa penulisan web yang umum dipergunakan adalah hypertext markup

language (HTML), merupakan bahasa yang sangat mudah dipelajari. Istilah

hypertext diilhami pertama kali oleh Ted Nelson pada tahun 1965. Hypertext

menurutnya adalah suatu teks (serangkaian kata) yang mempunyai “hubungan”

(link) dengan teks lainnya. Jika untuk teks memakai istilah hypertext maka untuk

grafik, gambar, dan suara istilahnya adalah hypermedia. Untuk menulis sebuah

halaman web menggunakan HTML, seseorang tidak perlu memiliki latar belakang

pemrograman. Namun untuk membuat sebuah halaman web yang interaktif maka

dengan HTML saja tidak cukup, diperlukan suatu script. Script dipergunakan

untuk membuat halaman web menjadi interaktif seperti menampilkan animasi,

operasi aritmatik, maupun interaksi ke sistem yang bekerja pada browser pembaca

web.

2.1.2 Metode Pengembangan Sistem

Salah satu metode pengembangan sistem adalah dengan metode Waterfall

Model. Dalam pembangunan perangkat lunak menggunakan Linear Sequential /

Waterfall Model. Metode ini merupakan model klasik yang bersifat sistematis,

berurutan dalam membangun software. Classic Waterfall Model dapat dilihat

pada gambar 2.1.

8

Gambar 2.1 Classic Waterfall Model

Fase-fase dalam Waterfall Model menurut Pressman, (2005), yaitu:

(1) Analysis , fase mengumpulkan kebutuhan data perbandingan dan

perkembangan teknologi web service dan web application secara

lengkap kemudian dianalisa kelayakannya untuk dijadikan metode

dalam pengembangan sistem online pelayanan pembuatan kartu tanda

pencari kerja (AK/I) beserta kebutuhan database yang harus dipenuhi oleh

program yang akan dibuat. Fase ini dikerjakan secara lengkap agar

menghasilkan desain sistem yang lengkap.

(2) Design , fase desain software memiliki berbagai tahapan yang berfokus

pada atribut program yang jelas yaitu: data structure, software

architecture, interface representations, dan detail procedur (algorithm).

Proses desain menterjemahkan kebutuhan pengguna dalam sebuah

dokumen aplikasi yang dapat diperkirakan kualitasnya sebelum proses

coding dimulai. Pada tahap ini menggunakan model Unified Modelling

Language sebagai perangkat pembuatan desain software.

(3) Code (Coding), fase Coding adalah tahap dimana hasil desain software

diterjemahkan ke dalam bahasa yang dapat dimengerti oleh komputer.

9

Dalam penelitian ini menggunakan bahas pemrograman PHP karena bahasa

pemrograman ini mendukung aplikasi berteknologi web. Database yang

dihasilkan disimpan dalam aplikasi database MySQL.

(4) Test, fase pengujian system menggunakan Blackbox testing, yang

menganggap aplikasi sebagai sebuah kotak hitam dimana user mengabaikan

sistem yang diadopsinya. Blackbox testing menitikberatkan pada kesesuaian

suatu komponen terhadap spesifikasi.

(5) Maintenance, fase perawatan yang bertujuan untuk menjaga peralatan dalam

kondisi terbaik. Proses maintenance meliputi pengetesan, pengukuran,

penggantian, menyesuaian, dan perbaikan.

2.2 Konsep Kartu Tanda Pencari Kerja (AK/I) di Dinas Sosial

Tenaga Kerja dan Transmigrasi Kabupaten Brebes

2.2.1 Dinas Sosial Tenaga Kerja dan Transmigrasi

Pada awal pemerintahan RI, waktu Panitia Persiapan Kemerdekaan

Indonesia menetapkan jumlah kementerian pada tanggal 19 Agustus 1945,

kementerian yang bertugas mengurus masalah ketenagakerjaan belum ada tugas

dan fungsi yang menangani masalah-masalah perburuhan diletakkan pada

Kementerian Sosial baru mulai tanggal 3 Juli 1947 ditetapkan adanya kementerian

Perburuhan dan melalui Peraturan Pemerintah Nomor 3 Tahun 1947 tanggal 25

Juli 1947 ditetapkan tugas pokok Kementerian Perburuhan Kemudian berdasarkan

Peraturan Menteri Perburuhan (PMP) Nomor 1 Tahun 1948 tanggal 29 Juli 1947

ditetapkan tugas pokok Kementerian Perburuhan yang mencakup tugas urusan-

urusan sosial menjadi Kementerian Perburuhan dan Sosial, pada saat

10

pemerintahan darurat di Sumatera Menteri Perburuhan dan Sosial diberi jabatan

rangkap meliputi urusan-urusan pembangunan, Pemuda dan Keamanan.

Pada pemerintahan Republik Indonesia Serikat (RIS) organisasi

Kementerian Perburuhan tidak lagi mencakup urusan sosial dan struktur

organisasinya didasarkan pada Peraturan Menteri Perburuhan Nomor 1 Tahun

1950 setelah Republik Indonesia Serikat bubar, struktur organisasi Kementerian

Perburuhan disempurnakan lagi dengan Peraturan Kementerian Perburuhan

Nomor 1 tahun 1951. Berdasarkan peraturan tersebut mulai tampak kelengkapan

struktur organisasi Kementerian Perburuhan yang mencakup struktur organisasi

Kementerian Perburuhan yang mencakup struktur organisasi sampai tingkat

daerah dan resort dengan uraian tugas yang jelas. Struktur organisasi ini tidak

mengalami perubahan sampai dengan kwartal pertama tahun 1954. Melalui

Peraturan Menteri Perburuhan Nomor 70 mulai terjadi perubahan yang kemudian

disempurnakan melalui Peraturan Menteri Perburuhan Nomor 77 juga Peraturan

Menteri Perburuhan Nomor : 79 Tahun 1954. Berdasarkan Peraturan tersebut

Kementerian Perburuhan tidak mengalami perubahan sampai dengan tahun 1964,

kecuali untuk tingkat daerah. Sedangkan struktur organisasinya terdiri dari

Direktorat Hubungan dan Pengawasan Perburuhan dan Direktorat Tenaga Kerja.

Sejak awal periode Demokrasi Terpimpin, terdapat organisasi buruh dan

gabungan serikat buruh baik yang berafiliasi dengan partai politik maupun yang

bebas, pertentangan-pertentangan mulai muncul di mana-mana, pada saat itu

kegiatan Kementerian . Perburuhan dipusatkan pada usaha penyelesaian

perselisihan perburuhan, sementara itu masalah pengangguran terabaikan,

11

sehingga melalui PMP Nomor :12 Tahun 1959 dibentuk kantor Panitia

Perselisihan Perburuhan Tingkat Pusat (P4P) dan Tingkat Daerah (P4D).

Struktur Organisasi Kementerian Perburuhan sejak Kabinet Kerja I sampai

dengan Kabinet Kerja IV (empat) tidak mengalami perubahan. Struktur

Organisasi mulai berubah melalui Peraturan Menteri Perburuhan Nomor : 8 Tahun

1964 yaitu dengan ditetapkannya empat jabatan. Pembantu menteri untuk urusan-

urusan administrasi, penelitian, perencanaan dan penilaian hubungan dan

pengawasan perburuhan, dan tenaga kerja.

Dalam perkembangan selanjutnya, organisasi Kementerian Perburuhan

yang berdasarkan Peraturan tersebut disempurnakan dengan Peraturan Menteri

Perburuhan Nomor 13 Tahun 1964 tanggal 27 November 1964, yang pada

pokoknya menambah satu jabatan Pembantu Menteri Urusan Khusus.

Dalam periode Orde Baru (masa transisi 1966-1969), Kementerian

Perburuhan berubah nama menjadi Departemen Tenaga Kerja (Depnaker)

berdasarkan Keputusan tersebut jabatan Pembantu Menteri dilingkungan

Depnaker dihapuskan dan sebagai penggantinya dibentuk satu jabatan Sekretaris

Jenderal. Masa transisi berakhir tahun 1969 yang ditandai dengan dimulainya

tahap pembangunan Repelita I, serta merupakan awal pelaksanaan Pembangunan

Jangka Panjang Tahap I (PJPT I).

Pada pembentukan Kabinet Pembangunan II, Depnaker diperluas menjadi

Departemen Tenaga Kerja, Transmigrasi dan Koperasi, sehingga ruang lingkup

tugas dan fungsinya tidak hanya mencakup permasalahan ketenagakerjaan tetapi

12

juga mencakup permasalahan ketransmigrasian dan pengkoperasian. Susunan

organisasi dan tata kerja Departemen Tenaga Kerja Transmigrasi dan Koperasi

diatur melalui Kepmen Nakertranskop Nomor Kep 1000/Men/1975 yang mengacu

kepada KEPPRES No 44 Tahun 1974.

Dalam Kabinet Pembangunan III, unsur koperasi dipisahkan dan

Departemen Tenaga kerja , Transmigrasi dan Koperasi, sehingga menjadi

Departemen Tenaga Kerja dan Transmigrasi (Depnakertrans). Dalam masa bakti

Kabinet Pembangunan IV dibentuk Departemen Transmigrasi, sehingga unsur

transmigrasi dipisah dari Depnaker Susunan organisasi dan tata kerja Depnaker

ditetapkan dengan Kepmennaker No. Kep 199/Men/1984 sedangkan susunan

Organisasi dan Tata Kerja Departemen Transmigrasi Nomor : Kep-

55A/Men/1983.

Pada masa reformasi Departemen Tenaga Kerja dan Departemen

Transmigrasi kemudian bergabung kembali pada tanggal 22 Februari 2001. Usaha

penataan organisasi Departemen Tenaga Kerja dan Transmigrasi terus dilakukan

dengan mengacu kepada Keputusan Presiden RI Nomor 47 Tahun 2002 tentang

Kedudukan, Tugas, Fungsi Kewenangan, Susunan Organisasi dan Tata Kerja.

13

2.2.2 Kartu Tanda Pencari Kerja (AK/I)

Kartu tanda pencari kerja (AK/I) atau sering disebut dengan kartu kuning

merupakan salah satu syarat mutlak yang harus disediakan pencari kerja untuk

melamar pekerjaan di sebuah perusahaan atau instansi baik di negeri atau swasta.

Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Brebes adalah instansi

pemerintah yang bertanggung jawab untuk menangani masalah kependudukan dan

pelayanan pembuatan kartu tanda pencari kerja (AK/I) di Kabupaten Brebes.

Syarat-syarat yang perlu disiapkan untuk membuat kartu tanda pencari kerja

(AK/I) adalah:

1) Ijazah asli atau fotokopi ijazah yang telah dilegalisir

2) Kartu Tanda Penduduk (KTP) asli

3) Foto berwarna ukuran 3x4 sebanyak 2 lembar.

Prosedur untuk membuat kartu tanda pencari kerja (AK/I) pada Dinas

Sosial Tenaga Kerja dan Transmigrasi secara konvensional adalah:

1) Pengisian data identitas pencari kerja

Pengisian data identitas pencari kerja dilakukan oleh pencari kerja yang akan

membuat kartu tanda pencari kerja (AK/I). Pengisian tersebut dilakukan

secara manual yakni didalam kertas formulir yang diberikan oleh petugas

yang melayani pembuatan kartu tersebut. Setelah mengisi formulir

pendaftaran kartu tanda pencari kerja, formulir tersebut kemudian diserahkan

kembali kepada petugas untuk dilakukan pengecekan data identitas pencari

kerja tersebut secara manual.

14

2) Pemeriksaan kembali data identitas pencari kerja oleh petugas

Pemeriksaan dilakukan secara manual oleh petugas dengan mencocokan data

diri yang ada didalam kartu tanda penduduk dan ijazah dari pencari kerja

dengan data yang ada didalam formulir yang telah diisikan oleh pemohon

pembuatan kartu tanda pencari kerja tersebut. Setelah data tersebut dicocokan

tahapan selanjutnya adalah memasukkan data tersebut kedalam kartu tanda

pencari kerja dan kedalam buku basis data pencari kerja secara manual.

3) Pembuatan kartu tanda pencari kerja

Pembuatan kartu ini dimulai dari pengisian identitas pencari kerja yang telah

dicocokan dengan kartu tanda penduduk, pemasangan foto pencari kerja,

penandatanganan pencari kerja dan kepala Dinas Sosial Tenaga Kerja dan

Transmigrasi Kabupaten Brebes, dan penyetempelan kartu tanda pencari kerja

tersebut menggunakan stempel Dinas Sosial Tenaga Kerja dan Transmigrasi

Kabupaten Brebes.

4) Fotokopi dan legalisir fotokopi kartu tanda pencari kerja.

Setelah keseluruhan proses pengisian dan pembuatan kartu tanda pencari

kerja tersebut diselesaikan, tahapan selanjutnya adalah memfotokopi kartu

tanda pencari kerja tersebut untuk selanjutnya dilegalisir oleh petugas.

15

Kartu tanda pencari kerja dapat dilihat pada gambar 2.2 dan 2.3

Gambar 2.2 Kartu Tanda Pencari Kerja (belakang)

Gambar 2.3 Kartu Tanda Pencari Kerja (depan)

16

2.3 Dasar Pemograman Sistem

2.3.1 Basis Data

Basis data (Database) adalah suatu susunan atau kumpulan data

operasional lengkap dari suatu organisasi yang terorganisir atau dikelola dan

disimpan secara terintegrasi dengan menggunakan metode tertentu menggunakan

komputer sehingga mampu menyediakan informasi yang optimal yang diperlukan

pemakainya (Kadir, 2009:14).

Kumpulan file yang saling berkaitan untuk program dan pengelolanya

disebut DBMS (Database Management System). Untuk membuat dan

mengelola data tersebut, dibutuhkan software yang diistilahkan DBMS.

Beberapa contoh software DBMS yang banyak beredar adalah Oracle, Microsoft

SQL Server, Microsoft Access, SyBase dan MySQL. Tugas-tugas dari software

tersebut adalah membuat basis data, menampilkan dan memodifikasi data yang

pada basis data tersebut, menghasilkan laporan sesuai dengan data yang ada pada

basis data, dan mengamankan data dari pihak-pihak yang tidak

berkepentingan (Swastika, 2006:36).

2.3.1.1 Konsep Database Relational

Salah satu cara menyajikan data untuk mempermudah modifikasi

adalah dengan cara pemodelan data. Model yang akan dipergunakan pada

pelatihan ini adalah Entity Relationship Model.

17

Model Entity Relationship adalah representasi logika dari data pada

suatu organisasi atau area bisnis tertentu dengan menggunakan Entity dan

Relationship.

(1) Entity atau entitas, adalah obyek di dunia nyata yang dapat dibedakan dari

obyek lain. Entity set adalah kumpulan dari entitas sejenis/dalam tipe sama.

Simbol yang digunakan untuk entity adalah persegi panjang.

(2) Relationship, adalah hubungan antara suatu himpunan entitas dengan

himpunan entitas lainnya. Simbol yang digunakan adalah bentuk belah

ketupat, diamod atau rectangle.

Relational Database Management System (RDBMS) merupakan antar

muka bagi pemakai dalam mengorganisasikan basis data yang disusun, pemakai

dapat berinteraksi langsung dengan mudah dan praktis dengan menggunakan

perintah-perintah yang sederhana yang dibuat dalam suatu bahasa pemograman.

Tujuan RDBMS adalah untuk mempermudah penciptaan penyusunan data dan

membebaskan pemograman dari masalah penyusunan file yang kacau dan

berantakan (Marlinda, 2004:9).

Adapun bagian dari relasional basis data meliputi:

1. Tabel

Tabel merupakan salah satu bagian dari basis data. Tabel akan

menampung data yang tersimpan dalam bentuk baris dan kolom. Setiap kolom

mempunyai nama yang unik (tidak mungkin kembar), dan dapat mempunyai jenis

yang berbeda. Baris pada tabel berisi data yang sesuai dengan jenis field-nya.

Dalam suatu tabel kita membutuhkan satu field kunci. Field kunci adalah

18

sebuah file yang unik dan tidak ada yang sama pada tabel tersebut. Nantinya

pada tabel posting, tidak perlu mencatat nama, password dan level dari record

yang bersangkutan. Field kunci juga digunakan untuk menghubungkan tabel

satu dengan tabel yang lain (Swastika, 2006:37).

2. Relasi Antar Tabel

Dalam sistem basis data, data tersimpan dalam beberapa jaringan yang

berbeda yang terdistribusi melalui bermacam-macam media yang berbeda. Basis

data ini berisi sekumpulan form, tiap form dapat berinteraksi saat mengeksekusi

data pada satu form atau secara bersamaan pada beberapa form. Setiap form dapat

memproses eksekusi data lokal dengan data yang telah ditentukan. Sebuah

form juga dapat mengambil bagian dalam melakukan akses terhadap data

pada beberapa form yang berbeda (Marlinda, 2004:38).

3. Hirarki Data

Data diorganisasikan ke dalam suatu hirarki yang terdiri atas

1) Elemen data, merupakan satuan data terkecil yang tidak dapat dipecah lagi

kedalam unit lain.

2) Rekaman, merupakan gabungan dari sejumlah elemen data yang saling terkait.

Dalam sistem basis data relational, rekaman biasa disebut dengan tupel atau

baris.

3) Berkas, merupakan himpunan dari semua rekaman bertipe sama, atau dapat

juga dikatakan sebagai kumpulan rekaman data dalam satu objek. Berkas

mewakili komponen yang disebut relasi.

19

2.3.2 Bahasa Pemograman

2.3.2.1 HyperText Markup Language (HTML)

HTML adalah salah satu bahasa pemograman yang digunakan untuk

membuat sebuah halaman web. Pada halaman web, HTML dijadikan sebagai

bahasa script dasar yang berjalan bersama dengan berbagai bahasa scripting

pemrograman lainnya.

Semua tag-tag HTML bersifat dinamis, artinya kode HTML tidak dapat

dijadikan sebagai file exe. Hal ini disebabkan HTML hanyalah sebuah bahasa

scripting yang dapat berjalan apabila dijalankan di dalam browser (Internet

Explorer, Mozilla Firefox, Chrome, Opera dan lain-lain). Kode HTML biasanya

dituliskan dibuka dengan tag <html> dan diakhiri dengan tag

</html> (Nugroho, 2009:201). Contoh :

<html>

<head>

<title>websiteku</title>

</head>

<body>

...

</body>

</html>

Gambar 2.4 Contoh Script HTML

20

Gambar 2.5 Contoh Script HTML dengan Notepad

Gambar 2.6 Contoh Script HTML dengan Dreamweaver

Gambar 2.7 Contoh Script HTML dengan Dreamweaver

21

2.3.2.2 Hypertext Preprocessor (PHP)

Menurut Bunafit Nugroho (2008 : 113) Jika diartikan PHP memiliki

beberapa pandangan dalam mengartikannya, akan tetapi kurang lebih PHP dapat

kita ambil arti sebagai PHP : Hypertext Preeprocesor. Ini merupakan bahasa yang

hanya dapat berjalan pada server dan hasilnya dapat di tampilkan pada client.

PHP adalah produk open source yang dapat digunakan secara gratis tanpa

harus membayar untuk menggunakanya. Interpreter PHP dalam mengeksekusi

kode PHP pada sisi server (server side), sedangkan tanpa adanya Interpreter PHP,

maka semua skrip dan aplikasi PHP yang dibuat tidak dapat dijalankan. Proses

eksekusi kode PHP yang dilakukan oleh apache web Server dan Interpreter secara

diagram dapat digambarkan sebagai berikut:

Gambar 2.8 Struktur Pembacaan Web Server

[Sumber : Bunafit Nugroho, 2008, Latihan Membuat Aplikasi Web

PHP dan MySQL dengan Dreamweaver MX (6,7,2004) dan 8]

PHP merupakan bahasa standar yang digunakan dalam dunia website. PHP

adalah bahasa pemograman yang berbentuk skrip yang diletakan di dalam server

web. Jika lihat sejarah mulanya PHP diciptakan dari ide Rasmus Lerdof untuk

kebutuhan pribadinya. Skrip tersebut sebenarnya dimaksudkan untuk digunakan

22

sebagai keperluan membuat website pribadi. Akan tetapi kemudian dikembangkan

lagi sehingga menjadi bahasa yang disebut Personal Home Page. Inilah awal

mula munculnya PHP sampai saat ini.

PHP dirancang untuk membentuk web dinamis. Artinya, ia dapat

membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, kita bisa

menampilkan isi database ke halaman web. Pada prinsipnya, PHP mempunyai

fungsi yang sama dengan script seperti ASP (Actives Server Page), Cold Fusion,

ataupun Perl. Contoh :

<html>

<head>

<title>websiteku</title>

</head>

<body>

<? echo “selamat datang di websiteku” ?>

... </body> </html>

Gambar 2.9 Contoh Script PHP

23

Gambar 2.10 Contoh Script PHP dalam Dreamweaver

2.4 Aplikasi Pendukung dalam Pembuatan Sistem

2.4.1 XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem

operasi, merupakan kompilasi dari beberapa program.

Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang

terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah

bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP

merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL,

PHP dan Perl. Program ini tersedia dalam GNU (General Public License) dan

bebas, merupakan web server yang mudah digunakan yang dapat melayani

tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mengunduh

langsung dari web resminya.

24

XAMPP adalah kepanjangan yang masing-masing hurufnya adalah :

(1) X : Program ini dapat dijalankan dibanyak sistem operasi,seperti Windows,

Linux, Mac OS, dan juga Solaris.

(2) A : Apache, merupakan aplikasi web server. Tugas utama Apache adalah

menghasilkan halaman web yang benar kepada user berdasarkan kode PHP

yang dituliskan oleh pembuat web. jika diperlukan juga berdasarkan kode

PHP yang dituliskan,maka dapat saja suatu database diakses terlebih dahulu

(misalnya dalam MySQL) untuk mendukung halaman web yang dihasilkan

(3) M : MySQL, merupakan aplikasi database server. Perkembangannya

disebut SQL yang merupakan kepanjangan dari Structured Query Language.

SQL merupakan bahasa terstruktur yang digunakan untuk mengolah

database. MySQL dapat digunakan untuk membuat dan mengelola database

beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan,

mengubah, dan menghapus data yang berada dalam database.

(4) P : PHP, bahasa pemrograman web. Bahasa pemrograman PHP merupakan

bahasa pemrograman untuk membuat web yang bersifat server-side

scripting. PHP memungkinkan kita untuk membuat halaman web yang

bersifat dinamis. Sistem manajemen basis data yang sering digunakan

bersama PHP adalah MySQL. namun PHP juga mendukung sistem

management database Oracle, Microsoft Access, Interbase, d-base,

PostgreSQL, dan sebagainya.

(5) P : Perl adalah bahasa pemrograman untuk segala keperluan, dikembangkan

pertama kali oleh Larry Wall di mesin Unix. Perl dirilis pertama kali pada

25

tanggal 18 Desember 1987 ditandai dengan keluarnya Perl1. Pada versi-

versi selanjutnya, Perl tersedia pula untuk berbagai sistem operasi varian

Unik (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi

seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC.

Dukungan terhadap pemrograman berbasis obyek (object oriented

programming/OOP) ditambahkan pada Perl 5, yang pertama kali dirilis pada

tanggal 31 Juli 1993. Proyek pengembangan Perl 6 dimulai pada tahun

2000, dan masih berlangsung hingga kini tanpa tanggal yang jelas kapan

mau dirilis. Ini dikatakan sendiri oleh Larry Wall dalam satu pidatonya yang

dikenal dengan seri The State of the Onion. Dua di antara karakteristik

utama Perl adalah penanganan teks dan berbagai jalan pintas untuk

menyelesaiakn persoalan-persoalan umum. Perl sangat populer digunakan

dalam program-program CGI (Common Gateway Interface) dan berbagai

protokol internet lainnya. Seperti diketahui, TCP/IP sebagai basis bagi

semua protokol internet yang dikenal sekarang ini menggunakan format teks

dalam komunikasi data. Seperti juga bahasa populer lainnya, Perl menerima

banyak kritikan. Meski banyak di antaranya hanya berupa mitos, atau

berlebih-lebihan, tapi terdapat juga sejumlah kritikan yang valid. Salah

satunya adalah, sintaksnya susah dibaca, karena banyak menggunakan

simbol-simbol yang bukan huruf dan angka.

26

2.4.2 Macromedia Dreamweaver 8

Macromedia Dreamweaver adalah sebuah HTML editor professional

untuk mendesain secara visual dan mengelola situs atau halaman web. Versi

terbaru dari Macromedia Dreamweaver saat ini adalah Dreamweaver 8, terdapat

beberapa kemampuan bukan hanya sebagai software untuk desain web saja,

tetapi juga untuk menyunting kode serta pembuatan aplikasi web dengan

menggunakan berbagai bahasa pemrograman web, antara lain Java Server Page

(JSP), Hypertext Preprocessor(PHP) , dan Active Server Pages (ASP) (Nugroho,

2004:91).

2.4.2.1 Struktur Aplikasi

Struktur aplikasi Macromedia Dreamweaver 8 dapat dilihat sebagai berikut

:

Gambar 2.11 Struktur Macromedia Dreamweaver 8

27

(1) Insert Bar, berisi tombol untuk memasukkan beberapa jenis objek

seperti gambar, tabel, dan layer ke dokumen. Tiap objek yang dimasukkan

pada dasarnya adalah potongan kode HTML yang dapat diatur atributnya.

(2) Document Toolbar, berisi tombol dan pop-up menu yang

menyediakan beberapa cara untuk menampilkan dokumen, beberapa option

dan beberapa operasi umum seperti melakukan preview dokumen ke

browser.

(3) Document Window, menampilkan dokumen yang sedang dibuat atau diedit.

(4) Tag Selector, merupakan page-page file yang sedang di eksekusi oleh

aplikasi.

(5) Property Inspector, merupakan tempat mengubah beberapa properti

yang dimiliki oleh objek atau teks. Tiap jenis objek atau teks memiliki

properti yang berbeda.

(6) Panel Groups, merupakan kumpulan beberapa panel sejenis yang

diletakkan pada suatu tempat.

(7) Site Panel, biasa digunakan untuk mengatur file dan folder yang

akan digunakan untuk site.

28

2.4.2.2 Menu Aplikasi

Menu Macromedia Dreamweaver 8 berisi submenu yang biasanya

ditampilkan sebagai dropdown menu yang akan muncul ketika ditekan tombol

menu utama.

Gambar 2.12 Menu Macromedia Dreamweaver 8

(1) File Menu, berisi menu standar untuk menu file dan edit, seperti New,

Open, Save, Cut, dan Paste. File Menu juga berisi beberapa perintah

tambahan, seperti Preview in Browser dan Print Code.

(2) Edit Menu, berisi perintah seleksi dan pencarian, seperti select parent dan

find replace.

(3) View Menu, mengijinkan melihat tampilan dengan beberapa cara dan

untuk menampilkan atau menyembunyikan beberapa elemen pada dokumen

dan peralatan yang dimiliki Dreamweaver.

(4) Insert Menu, menyediakan alternatif untuk memasukkan objek pada

dokumen.

(5) Modify Menu, mengubah property elemen halaman web atau item

lainnya.Digunakan untuk mengedit atribut tag, mengubah tabel dan elemen

tabel dan menampilkan beberapa tindakan yang dapat dilakukan untuk item

pada library dan template.

(6) Text Menu, menyediakan perintah yang dibutuhkan untuk

melakukan pemformatan pada teks.

29

(7) Commands Menu, menyediakan akses untuk beberapa macam

perintah, termasuk untuk membuat album foto dengan cepat dan

melakukan optimasi gambar menggunakan program lain.

(8) Site Menu, menyediakan item menu untuk membuat, membuka, dan

mengedit site.

(9) Window Menu, menyediakan akses ke semua menu panel, inspectors,

dan jendela pada Dreamweaver.

(10) Help Menu, menyediakan akses ke dokumentasi yang dimiliki oleh

Dreamweaver termasuk petunjuk cara penggunaan Dreamweaver, membuat

ekstensi untuk Dreamweaver, dan material lainnya yang dapat membantu

menggunakan Dreamweaver.

2.4.3 MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis

data SQL (bahasa Inggris: database management system) atau DBMS yang

multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL

AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah

lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah

lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan

penggunaan GPL.

Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat

lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber

dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh

sebuah perusahaan komersial Swedia MySQL AB, dimana memegang hak cipta

30

hampir atas semua kode sumbernya. Kedua orang Swedia dan satu orang

Finlandia yang mendirikan MySQL AB adalah David Axmark, Allan Larsson,

dan Michael “Monty” Widenius.

MySQL adalah sebuah implementasi dari sistem manajemen basis data

relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi

GPL(General Public License). Setiap pengguna dapat secara bebas menggunakan

MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan

produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan

salah satu konsep utama dalam basisdata yang telah ada sebelumnya; SQL

(Structured Query Language). SQL adalah sebuah konsep pengoperasian basis

data, terutama untuk pemilihan atau seleksi dan pemasukan data, yang

memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

Kehandalan suatu sistem basis data (RDBMS) dapat diketahui dari cara

kerja pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang

dibuat oleh pengguna maupun program-program aplikasi yang memanfaatkannya.

Sebagai pelanden basis data, MySQL mendukung operasi basisdata transaksional

maupun operasi basisdata non-transaksional. Pada modus operasi non-

transaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja

dibandingkan perangkat lunak pelanden basisdata kompetitior lainnya. Namun

demikian pada modus non-transaksional tidak ada jaminan atas reliabilitas

terhadap data yang tersimpan, karenanya modus non-transaksional hanya cocok

untuk jenis aplikasi yang tidak membutuhkan reliabilitas data seperti aplikasi

blogging berbasis web (wordpress, CMS, dan sejenisnya). Untuk kebutuhan

31

sistem yang ditujukan untuk bisnis sangat disarankan untuk kerja menggunakan

MySQL pada modus transaksional tidak secepat untuk kerja pada modus non-

transaksional.

MySQL memiliki beberapa keistimewaan, antara lain:

1) Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi

seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan

masih banyak lagi.

2) Perangkat lunak sumber terbuka. MySQL didistribusikan sebagai perangkat

lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara

gratis.

3) Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam waktu

yang bersamaan tanpa mengalami masalah atau konflik.

4) Performance tuning, MySQL memiliki kecepatan yang menakjubkan dalam

menangani query sederhana, dengan kata lain dapat memproses lebih banyak

SQL per satuan waktu.

5) Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya, seperti

signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-

lain.

6) Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang

mendukung perintah Select dan Where dalam perintah (query).

7) Keamanan. MySQL memiliki beberapa lapisan keamanan seperti level subnet

mask, nama host, dan izin akses user dengan sistem perizinan yang mendetail

serta sandi terenkripsi.

32

8) Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam

skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu

tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung

mencapai 32 indeks pada tiap tabelnya.

9) Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan

protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).

10) Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan

menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa

Indonesia belum termasuk di dalamnya.

11) Antar Muka. MySQL memiliki antar muka (interface) terhadap berbagai

aplikasi dan bahasa pemrograman dengan menggunakan

fungsi API (Application Programming Interface).

12) Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan (tool)

yang dapat digunakan untuk administrasi basis data, dan pada setiap peralatan

yang ada disertakan petunjuk online.

13) Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam

menangani ALTER TABLE, dibandingkan basis data lainnya

semacam PostgreSQL ataupun Oracle.

MySQL termasuk salah satu database utama yang digunakan di Indonesia

terutama di kalangan developer PHP. Ini disebabkan native integration antara

PHP dan MySQL serta banyaknya hosting yang menyertakan kedua produk

tersebut karena bebas lisensi dan sudah terbukti tangguh dan efisien.

33

BAB 3

METODE PENELITIAN

3.1 Ruang Lingkup Penelitian

Penelitian ini dilakukan untuk membuat sistem online pelayanan

pembuatan kartu tanda pencari kerja (AK/I) di Dinas Sosial Tenaga Kerja dan

Transmigrasi Kabupaten Brebes. Hal ini dapat digunakan untuk mempermudah

pelayanan pembuatan kartu tanda pencari kerja (AK/I).

3.2 Bahan Penelitian

Bahan penelitian pembuatan sistem diambil dari sumber data primer dan

data sekunder.

3.2.1 Data Primer

Data primer adalah data yang didapat secara langsung dari Dinas Sosial

Tenaga Kerja dan Transmigrasi Kabupaten Brebes dengan metode wawancara

dan observasi di lapangan, antara lain:

1) Data pencari kerja atau warga, dari data-data pencari kerja diperoleh

atribut untuk disimpan dalam record yang berkaitan dengan pencari

kerja yaitu: nomor induk kependudukan, nama, tempat dan tanggal lahir,

alamat, jenis kelamin, nomor telepon, email, pendidikan formal dan

informal, jumlah NEM atau IPK, tahun kelulusan, agama, pilihan

penempatan lokasi kerja, username, password dan foto.

34

2) Data petugas, terdiri dari beberapa field yaitu: NIP, nama petugas,

password, alamat dan jabatan petugas.

3) Data suara warga, terdiri dari beberapa field yaitu: nama warga, alamat

email dan pesan.

3.2.2 Data sekunder

Data sekunder adalah data-data yang diperoleh dari literatur, studi

pustaka mengenai web application, MySQL database, waterfall model dan

teknologi pemrograman PHP.

3.3 Pengambilan Data

Dalam penelitian pemograman, basis data yang akan dibuat adalah

sistem penyimpanan dan penginformasian data yang berkaitan dengan data

pegawai dan pencari kerja. Pengambilan data dengan mengambil data yang ada

kaitannya dengan sistem basis data pegawai dan pencari kerja dengan metode

sebagai berikut.

3.3.1 Metode Literatur

Metode literatur adalah metode pengumpulan data yang digunakan oleh

penulis berdasarkan buku-buku literatur yang dapat digunakan sebagai penunjang

dalam pemecahan masalah yang dialami penulis dalam penyusunan tugas akhir

ini.

3.3.2 Metode Observasi

Observasi adalah cara atau teknik yang digunakan dalam pengumpulan

data berdasarkan pengamatan secara langsung terhadap obyek yang hendak

diteliti. Metode ini sangat menjamin kepastian kebenarannya. Dalam hal ini

35

peneliti melakukan observasi di Dinas Sosial Tenaga Kerja dan Transmigrasi

Kabupaten Brebes. Dengan observasi ini penulis dapat mengetahui bahwa dalam

dinas tersebut, selama ini masih menggunakan sistem konvensional dalam

pelayanan pembuatan kartu tanda pencari kerja (AK/I).

3.3.3 Metode Interview

Interview adalah teknik pengumpulan data yang dilakukan penulis dengan

wawancara secara langsung dengan pegawai serta pencari kerja di Dinas Sosial

Tenaga Kerja dan Transmigrasi Kabupaten Brebes. Metode ini dilakukan dengan

mengadakan tatap muka secara langsung dengan key person yang terkait secara

langsung dengan pembuatan kartu tanda pencari kerja (AK/I).

3.3.4 Metode Dokumentasi

Dokumentasi adalah metode pengumpulan data dengan cara mengambil

data-data dari arsip Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten

Brebes tentang pelayanan pembuatan kartu tanda pencari kerja (AK/I).

3.3.5 Metode Komputerisasi

Metode komputerisasi digunakan untuk merancang dan membuat sistem

online pelayanan kartu tanda pencari kerja (AK/I) pada Dinas Sosial Tenaga

Kerja dan Transmigrasi Kabupaten Brebes yakni dengan menggunakan program

PHP berbasis MySQL.

36

3.4 Pengembangan Sistem

3.4.1 Tahap Analysis

Pada tahap ini dilakukan identifikasi pemasalahan dan pencarian solusi

untuk mengatasi permasalahan. Permasalahan yang diangkat dalam tugas akhir

ini adalah adalah bagaimana mempermudah kegiatan pelayan pembuatan kartu

tanda pencari kerja (AK/I). Mengacu pada kegiatan di Dinas Tenaga Kerja dan

Transmigrasi maka dibuat beberapa fungsi antara lain: mencari data pencari kerja,

menambah data pencari kerja, mengedit data pencari kerja dan mengelola data

pencari kerja.

3.4.2 Tahap Desain

Tahap desain dilakukan untuk menentukan ruang lingkup pembuatan

aplikasi yang ditangani, yang selanjutnya dijabarkan dalam bentuk diagram alir.

Diagram alir adalah sebuah proses pembentukan siklus yang digunakan untuk

mempermudah dalam perancangan sistem basis data.

3.4.2.1 Entity Relationalship Diagram

ERD merupakan komponen-komponen himpunan entitas dan himpunan

relasi yang masing-masing dilengkapi dengan atribut-atribut yang

mempresentasikan seluruh fakta yang kita tinjau. ERD digunakan untuk

merancang tabel yang akan dibuat beserta relasi antar tabel pada basis data

(Hindiyansyah. 2010:37).

ERD juga merupakan model konseptual yang mendeskripsi hubungan

antar penyimpanan. Simbol-simbol ERD adalah sebagai berikut.

37

Gambar 3.1 Simbol-simbol ERD

Dari hasil analisis, didapat data yang akan dipakai dalam proses

pembangunan program online pelayanan pembuatan kartu tanda pencari kerja

(AK/I). Kemudian dari data yang telah diperoleh, dibangun sebuah desain

basis data dengan menggunakan ERD pada gambar 3.1.

Gambar 3.2 ERD Sistem Online Pelayanan Pembuatan Kartu Tanda Pencari

Kerja (AK/I) pada Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten

Brebes

Gambar di atas memperlihatkan bahwa pegawai mempunyai relasi atau

hubungan one to many (1 - N) dengan pencari kerja. Sedangkan pencari kerja

mempunyai hubungan one to many (1-N) dengan suara warga. Artinya setiap

Himpunan Entitas Atribut Relasi Konektor

38

pegawai bisa mengelola lebih dari satu data pencari kerja, dan setiap pencari

kerja bisa memberikan atau menulis lebih dari satu dalam suara warga.

3.4.2.2 Data Flow Diagram (DFD)

Pembuatan sistem basis data dilakukan dengan pembuatan Data Flow

Diagram (DFD). DFD merupakan alat untuk mendokumentasikan proses

dalam suatu sistem yang menekankan fungsi pada sistem, cara menggunakan

informasi yang tersimpan serta pemindahan informasi antar fungsi dalam sistem.

Simbol- simbol DFD adalah sebagai berikut (Hindiyansyah. 2010:41).

Gambar 3.3 Simbol-simbol DFD

Diagram konteks merupakan diagram tingkat atas yang bisa juga disebut

sebagai diagram global atau DFD level 0. Diagram konteks menunjukan aliran

data yang masuk ke sistem. Diagram konteks menggunakan notasi-notasi grafis

yang menunjukkan aliran informasi dan perubahan yang diterapkan sebagai

perubahan atau perpindahan data dari masukan (input) menjadi keluaran (output).

Pendekatan terstruktur ini mencoba untuk menggambarkan sistem pertama kali

secara garis besar (top level) dan memecah-mecahnya menjadi bagian yang lebih

terinci (lower level). Diagram konteks sistem online pelayanan pembuatan

kartu tanda pencari kerja (AK/I) pada Dinas Tenaga Kerja dan Transmigrasi

Kabupaten Brebes dapat dilihat seperti gambar 3.4 dibawah ini.

39

Gambar 3.4 DFD Konteks Sistem Online Pembuatan Kartu Tanda Pencari

Kerja (AK/I)

Diagram di atas memperlihatkan bahwa sistem berinteraksi dengan tiga

terminal dan satu proses. Tanda panah menunjukkan masukan dan keluaran

sistem. Tahap rancangan pendahuluan ditentukan dalam bentuk DFD konteks.

DFD konteks dibuat dengan maksud untuk mempermudah dalam merancang

program basis data.

3.4.2.3 Perancangan Sistem Basis Data

Perancangan sistem basis data merupakan langkah untuk

menentukan basis data yang diharapkan dapat mewakili seluruh kebutuhan

pengguna. Perancangan basis data secara konseptual terdiri atas tiga langkah

berikut ini (1) Penentuan entitas pada basis data. (2) Pendefinisian hubungan antar

entitas. (3) Penerjemahan hubungan antar entitas.

40

Gambar 3.5 Tahap Perancangan

Penjelasan komponen-komponen di atas sebagai berikut.

(1) Entitas, sering disebut dengan kelas atau tipe. Entitas menyatakan

obyek atau kejadian. Sebagai contoh: setiap pegawai pada suatu

instansi merupakan suatu entitas, dan NIP secara unik menjadi

identitas seorang pegawai. Pada model database relational, entitas

disebutkan dalam tabel.

(2) Atribut, merupakan item data yang menjadi bagian dari entitas. Istilah

lain dari atribut adalah property. Nama petugas merupakan atribut.

(3) Hubungan (Relation), merupakan kaitan dari dua entitas. Misalnya

antara pegawai dengan komentar terdapat hubungan yang berupa

Petugas x menulis sebuah komentar pada topik x.

41

(4) Kekangan, digunakan untuk melindungi integritas data, misalnya

melindungi kesalahan waktu pengisian data.

(5) Domain, merupakan nilai yang berlaku pada suatau atribut. Kekangan

domain mendefinisikan nama, tipe, format, panjang, serta nilai dari

masing-masing item data. Misalnya tipe data char, numeric, atau jenis

lainnya pada perangkat lunak sistem basis data. Char menyatakan

tipe karakter, dapat berupa gabungan beberapa huruf, simbol, dan

angka. Numeric menyatakan tipe bilangan.

(6) Integritas Referensi, merupakan aturan-aturan yang mengatur

hubungan antara kunci utama dengan kunci tamu milik tabel-tabel

yang terdapat pada suatu sistem basis data relasional untuk menjaga

konsistensi data. Tujuan dari integritas referensi adalah untuk

menjamin elemen dari suatu tabel yang menunjukkan ke suatu

pengenal unik pada suatu baris pada tabel lain yang benar-benar

menunjuk ke nilai yang ada itu. Macam integritas referensi data ada

tiga, yaitu Penambahan (insert), Penghapusan (delete), Peremajaan

(update).

3.4.2.4 Normalisasi Basis Data

Normalisasi data merupakan suatu proses untuk mendapatkan

struktur tabel atau relasi yang efisien. Syarat pembuatan basis data adalah relasi-

relasi dalam basis data harus normal, dikatan normal apabila sampai pada bentuk

normal kedua atau ketiga. Bentuk normal basis data diperlukan untuk

mempermudah perancangan basis data ketika pada tahap perancangan sistem.

42

Oleh karena itu maka perlu dibuat tabel-tabel data untuk mempermudah proses

normalisasi basis data. Adapun tabel yang diperlukan adalah seperti pada

lampiran 1. Dari tabel- tabel yang dibuat guna mempermudah pembuatan basis

data seperti pada lampiran 1 ternyata telah memenuhi syarat bentuk normal kedua

(Marlinda, 2004:41).

3.4.2.5 Penjelasan Tabel Data

(1) Tabel admin, digunakan untuk menyimpan data-data admin.

(2) Tabel pegawai, digunakan untuk menyimpan data-data pegawai, data

yang dimaksud mengenai biodata pegawai.

(3) Tabel warga, digunakan untuk menyimpan data-data pencari kerja yang

akan membuat kartu tanda pencari kerja, data yang dimaksud yaitu

mengenai biodata pencari kerja.

(4) Tabel suara warga, digunakan untuk menyimpan data-data pesan

pengunjung, data yang dimaksud mengenai pesan-pesan yang ditulis

oleh pengunjung.

Struktur tabel-tabel yang digunakan untuk lebih jelas dapat dilihat pada

lampiran 1.

3.4.3 Tahap Code (Coding)

Tahap Coding adalah tahap di mana hasil desain software diterjemahkan

ke dalam bahasa yang dapat dimengerti oleh komputer. Dalam penelitian ini

menggunakan bahas pemrograman PHP karena bahasa pemrograman ini

mendukung aplikasi berteknologi web. Database yang dihasilkan disimpan dalam

aplikasi database MySQL.

43

3.4.4 Tahap Pengujian (Test)

Tahap pengujian sistem dengan membandingkan sistem sistem pelayanan

pembuatan kartu tanda pencari kerja (AK/I) berbasis web dengan sistem sistem

pelayanan pembuatan kartu tanda pencari kerja (AK/I) konvensional. Sistem

sistem pelayanan pembuatan kartu tanda pencari kerja (AK/I) berbasis web

diharapkan mampu menutupi kekurangan dalam sistem pelayanan pembuatan

kartu tanda pencari kerja (AK/I) pada Dinas Sosial Tenaga Kerja dan

Transmigrasi Kabupaten Brebes yang masih secara konvensional.

3.4.5 Tahap Perawatan (Maintenance)

Tahap perawatan yang bertujuan untuk menjaga peralatan dalam kondisi

terbaik. Proses maintenance meliputi pengetesan, pengukuran, penggantian,

menyesuaian, dan perbaikan.

3.5 Analisis Data

Hasil rancangan dan pembuatan program diuraikan dan dijelaskan secara

deskriptif pada Bab 4. Penafsiran dan penarikan kesimpulan dilakukan

berdasarkan setiap langkah pembuatan program. Simpulan akhir ditentukan

oleh berhasil tidaknya program dijalankan sesuai dengan rancangan.

44

BAB 4

HASIL PENELITIAN DAN PEMBAHASAN

4.1 Implementasi Sistem

Sistem yang telah dianalisis dan didesain secara rinci, selanjutnya akan

menuju tahap implementasi sistem. Tujuan dari implementasi adalah untuk

mengkonfirmasi modul–modul perancangan sehingga user (pengguna) dapat

memberikan masukan kepada pengembangan sistem.

4.1.1 Tahap Pengujian Program

Pada tahap pengujian program ini adalah dengan menguji adanya

kesalahan-kesalahan dalam pembuatan program. Kesalahan-kesalahan dalam

pengujian program adalah sebagai berikut.

(1) Kesalahan Bahasa, merupakan kesalahan dalam penulisan kode program

yang tidak sesuai dengan kriteria dari bahasa program yang dipakai.

(2) Kesalahan Proses, merupakan kesalahan yang muncul ketika proses eksekusi

program dilakukan. Kesalahan ini mengakibatkan program akan berhenti

sebelum selesai pada saatnya karena program tidak menemukan obyek

yang sedang dijalankan.

(3) Kesalahan Logika, merupakan kesalahan dalam pembuatan program

aplikasi yang sulit untuk ditemukan. Program akan tetap memproses dan

didapatkan hasilnya, namun hasilnya tidak sesuai dengan yang diharapkan.

45

4.1.2 Cara Kerja Program

Cara kerja didasarkan pada bagian alur sistem dari program yang telah

dibuat. Saat program dijalankan, maka tampilan awal dari program adalah

tampilan home dari sistem online pelayanan pembuatan kartu tanda pencari kerja

(AK/I) pada Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Brebes.

4.1.3 Hak akses user

User (pengguna) sistem online pelayanan pembuatan kartu tanda pencari

kerja (AK/I) dibagi menjadi tiga jabatan yaitu Admin, Pegawai dan Pencari kerja.

Masing-masing jabatan memiliki hak akses yang berbeda. Hak akses user dapat

dilihat pada tabel 4.1.

Tabel 4.1 Hak Akses User

Data Aksi Admin Pegawai

Pencari

kerja

Pencari kerja

Tambah √ √ −

Edit √ √ −

Hapus √ √ −

Admin

Lihat √ - -

Tambah √ - −

Edit √ - −

Hapus √ - −

Pendaftaran

Pencari kerja

Tambah √ √ √

Edit √ √ √

Hapus √ √ −

Pegawai

Tambah √ − −

Edit √ − −

Hapus √ − −

Suara Warga

Lihat √ √ -

Tulis √ √ √

Hapus √ √ −

46

Pada tabel 4.1 terlihat bahwa masing-masing jabatan user mempunyai

hak akses yang berbeda-beda. Admin mempunyai hak akses terhadap seluruh data

di dalam sistem online pelayanan pembuatan kartu tanda pencari kerja (AK/I).

Hak akses Pegawai hampir sama dengan Admin namun Pegawai tidak

mempunyai hak akses terhadap data Pegawai lain dan data Admin. Pencari kerja

hanya mempunyai hak akses untuk melihat form pendaftaran, data diri dan

kontak kami.

4.2 Hasil Pembuatan Sistem

Hasil pembuatan aplikasi sistem pelayanan pembuatan kartu tanda

pencari kerja (AK/I) di Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten

Brebes dengan menggunakan struktur bahasa pemrogaman PHP dan sistem basis

data MySQL.

4.2.1 Sistem Informasi

4.2.1.1 Halaman Awal

Halaman ini ditampilkan pada saat melakukan panggilan terhadap domain

yang dituju http:// depnakertrans-brebes.info. Ini adalah tampilan pertama ketika

pengguna (user) menggunakan sistem ini. Pada bagian ini dapat ditemui tampilan

yang menyerupai menu-menu yang mengarahkan kita untuk mempermudah user

dalam menggunakan sistem pelayanan pembuatan kartu tanda pencari kerja

(AK/I). Tampilan halaman awal seperti gambar 4.1.

47

Gambar 4.1 Halaman Awal

48

Keterangan gambar 4.1 : (1) logo Kabupaten Brebes (2) halaman-

halaman yang ada di sistem, (3) menu berita, (4) gambar kartu Pencari kerja (AK/I),

(5) foto menakertrans, (6) informasi kontak Depnakertrans Kabupaten Brebes,

dan (7) halaman awal website.

4.2.1.2 Halaman Profil Kabupaten Brebes

Halaman profil Kabupaten Brebes berisikan informasi mengenai sejarah

dan profil Kabupaten Brebes. Tampilan halaman profil Kabupaten Brebes seperti

pada gambar 4.2.

Gambar 4.2 Halaman Profil Kabupaten Brebes

49

4.2.1.3 Halaman Profil Depnakertrans

Halaman profil Depnakertrans berisikan informasi mengenai sejarah dan

profil Depnakertrans. Tampilan halaman profil Depnakertrans seperti pada

gambar 4.3.

Gambar 4.3 Halaman Profil Depnakertrans

50

4.2.1.4 Halaman Layanan

Halaman layanan berisikan informasi tentang kartu tanda pencari kerja

(AK/I). Pada halaman layanan menampilkan penjelasan tentang syarat-syarat

pembuatan kartu tanda pencari kerja (AK/I) dan link untuk membuat kartu tanda

pencari kerja (AK/I). Tampilan halaman Layanan seperti pada gambar 4.4.

Gambar 4.4 Halaman Layanan

51

4.2.1.5 Halaman Pendaftaran

Halaman pendaftaran berisikan form isian data diri Pencari kerja yang

ingin membuat kartu tanda pencari kerja (AK/I). Tampilan halaman pendaftaran

seperti pada gambar 4.5.

Gambar 4.5 Halaman Pendaftaran Halaman Login

52

4.2.1.6 Halaman Kontak Kami

Halaman kontak kami berisikan informasi layanan kontak saran. Pada

halaman kontak kami menampilkan informasi kotak saran dan kontak

Depnakertrans Kabupaten Brebes. Tampilan halaman kontak kami seperti pada

gambar 4.6.

Gambar 4.6 Halaman Kontak Kami

Untuk masuk ke dalam sistem online pelayanan kartu tanda pencari

kerja (AK/I), maka user harus login terlebih dahulu.

53

Gambar 4.7 Halaman Login

Keterangan gambar 4.6 : (1) halaman login, (2) halaman login Admin,

(3) halaman login Pegawai, (4) halaman login warga.

User yang akan masuk ke dalam sistem harus didaftarkan terlebih dahulu

oleh Admin. user yang masuk kedalam sistem hanya user yang mempunyai

jabatan sebagai Admin, Pegawai dan Pencari kerja yang telah mendaftarkan diri

untuk mendapatkan kartu tanda pencari kerja (AK/I).

54

4.2.1.7 Halaman Admin

Halaman Admin adalah halaman yang digunakan Admin melakukan

berbagai aktivitas terkait dengan pengaturan dan pengendalian sistem. User

berhasil masuk sebagai Admin ditandai dengan munculnya gambar admin dikanan

bawah halaman Admin. Tampilan Halaman Admin bisa dilihat pada gambar 4.8.

Gambar 4.8 Halaman Admin

55

Pada halaman Admin terdapat menu-menu yang digunakan oleh Admin

dalam pengaturan dan pengendalian sistem. Masing-masing menu mempunyai

fungsi yang berbeda. Menu tersebut terdiri dari: (1) home, (2) tambah admin, (3)

daftar pegawai, (4) pencarian, (5) data pencari kerja, (6) suara warga, dan (7)

logout.

Gambar 4.9 Menu Admin

(1) Menu Data Tambah Admin

Menu ini berfungsi untuk menambah Admin baru dari sistem online

pelayanan kartu tanda pencari kerja (AK/I).

Gambar 4.10 Menu Tambah Admin

(2) Menu Data Pegawai

Menu ini berfungsi untuk menambah, mengedit dan menghapus data

Pegawai.

56

Gambar 4.11 Menu Data Pegawai

(3) Menu Pencarian

Menu ini berfungsi untuk melakukan pencarian data Pencari kerja yang

akan diolah oleh Admin.

Gambar 4.12 Menu Pencarian

Pada halaman pencarian apabila kita sudah memasukkan nama lengkap

Pencari kerja yang ingin kita lihat kemudian kita klik tombol Search maka

akan muncul tampilan halaman sebagai berikut.

57

Gambar 4.13 Submenu Hasil Pencarian

(4) Menu Daftar Pencari kerja

Menu ini berfungsi untuk melihat, mengedit, dan menghapus data Pencari

kerja.

Gambar 4.14 Menu Data Pencari Kerja

58

(5) Menu Suara Warga

Menu ini berfungsi menampilkan suara warga atau pesan dari warga

mengenai kartu tanda pencari kerja (AK/I).

Gambar 4.15 Menu Suara Warga

4.2.1.8 Halaman Pegawai

Halaman Pegawai adalah halaman dimana Pegawai melakukan aktifitas.

Halaman Pegawai tidak jauh beda dengan halaman Admin, hanya saja Pegawai

tidak bisa mengedit atau menghapus data Pegawai lain, Pegawai tidak bisa

menambah data Pegawai baru.

User berhasil masuk sebagai Pegawai ditandai dengan munculnya

gambar abdi negara pada bagian kanan bawah tampilan. Tampilan Halaman

Pegawai bisa dilihat pada gambar 4.16.

59

Gambar 4.16 Halaman Pegawai

Pada halaman Pegawai terdapat menu-menu yang digunakan oleh

Pegawai dalam melakukan aktifitas. Menu tersebut terdiri dari: (1) halaman

utama, (2) daftar Pencari kerja, (3) pencarian, (4) profil Pegawai, (5) suara warga,

dan (6) logout.

4.2.1.9 Halaman Warga

60

Halaman warga adalah tempat dimana Pencari kerja dapat melihat dan

melakukan edit data diri apabila terdapat data yang salah atau data yang perlu

diperbaharui.

User berhasil masuk sebagai Pencari kerja ditandai dengan munculnya

gambar pencari kerja pada bagian kanan bawah tampilan. Tampilan Halaman

warga bisa dilihat pada gambar 4.17.

Gambar 4.17 Halaman Warga

61

Pada halaman Pegawai terdapat menu-menu yang digunakan oleh

Pegawai dalam melakukan aktifitas. Menu tersebut terdiri dari: (1) halaman

utama, (2) update data diri, (3) data diri, dan (4) logout.

4.3 Pembahasan

Penyusunan dan penataan sistem online pelayanan pembuatan kartu

tanda pencari kerja (AK/I) didasarkan pada keterkaitan data yang didapat dari

dasil penelitian yang dilakukan pada Dinas Sosial Tenaga Kerja dan Transmigrasi

Kabupaten Brebes dengan sistem yang dibuat. Dalam pengembangan sistem

digunakan bahasa PHP dan MySQL yang ada dalam software Dreamweaver 8.

Penyusunannya didasarkan pada perintah-perintah yang ada dalam layout web

misalnya simpan, cari, ubah, hapus, dan keluar. Susunan dan tata bahasa

program aplikasi ini dapat dilihat dalam lampiran program.

Sistem yang telah dikembangakan perlu dijalankan untuk membuktikan

apakah program dapat berjalan sesuai dengan yang digunakan atau tidak. Karena

sifat dari bahasa pemrogaman adalah mengikuti apa yang diinginkan oleh

operator sedangkan komputer hanya bisa memproses. Bila dianggap memenuhi

ketentuan dalam bahasa pemrogaman PHP dan MySQL maka program tersebut

berjalan dengan benar dan pengeksekusiannya berjalan dengan sukses.

Hasil dari Sistem Online Pelayanan Pembuatan Kartu Tanda Pencari

Kerja (AK/I) pada Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten

Brebes yang telah dibuat dapat dijalankan. Sistem informasi berbasis web ini

memilik keunggulan dibandingkan dengan cara pengolahan yang dilakukan

secara manual. Keunggulan sistem sistem online pelayanan pembuatan kartu

62

tanda pencari kerja (AK/I) ini yaitu sistem ini sudah dapat diakses dimana saja

dan kapan saja serta sistem ini juga sudah dapat menghasilkan informasi berita

tentang pelayanan pembuatan kartu tanda pencari kerja (AK/I) pada Dinas Sisial

Tenaga Kerja dan Transmigrasi Kabupaten Brebes.

4.3.1 Keunggulan Sistem Online Pelayanan Pembuatan Kartu Tanda

Pencari Kerja (AK/I)

Keunggulan dari sistem online pelayanan pembuatan kartu tanda pencari

kerja (AK/I) dibandingkan dengan sistem secara konvensional adalah sebagai

berikut.

1) Sistem online ini lebih praktis dalam penyimpanan database dari pada

sistem secara konvensional karena tidak memerlukan banyak kertas untuk

pengisian data diri pencari kerja yang akan membuat kartu tanda pencari

kerja (AK/I).

2) Sistem online ini lebih efisien karena pencari kerja tidak perlu mengantri

panjang untuk sekedar mengisi data diri, cukup mengisi dirumah atau

diwarnet dan datang ke Depnakertrans untuk proses print dan legalisir kartu

tanda pencari kerja (AK/I).

3) Sistem Online ini lebih memudahkan pegawai Depnakertrans untuk

melayani pembuatan kartu tanda pencari kerja (AK/I) serta mengolah data

pencari kerja.

63

4.3.2 Kelemahan Sistem Online Pelayanan Pembuatan Kartu Tanda

Pencari Kerja (AK/I)

Kelemahan dari sistem online pelayanan pembuatan kartu tanda pencari

kerja (AK/I) adalah sebagai berikut.

1) Pencari kerja yang akan membuat kartu tanda pencari kerja (AK/I) harus

terkoneksi dengan internet untuk mengisi form data diri, begitu juga dengan

petugas yang akan melayani pembuatan kartu tanda pencari kerja (AK/I)

harus terkoneksi dengan internet.

Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Brebes harus

menyediakan sarana dan prasarana seperti komputer, printer dan koneksi internet

untuk menunjang sistem online pelayanan pembuatan kartu tanda pencari kerja

(AK/I) baik bagi petugas yang melayani ataupun bagi pencari kerja yang akan

membuat kartu tanda pencari kerja (AK/I).

64

BAB 5

PENUTUP

5.1 Simpulan

Berdasarkan hasil dalam pembahasan di atas maka dapat disimpulkan

sebagai berikut.

(1) Rancang bangun sistem online pelayanan pembuatan Kartu Tanda Pencari Kerja

(AK/I) ini berbasis web sehingga dapat diakses di mana saja melalui internet

dan pencari kerja tidak perlu mengantri untuk mengisi form data diri dan

pegawai juga lebih mudah melayani karena cukup menyesuaikan kartu tanda

penduduk dengan data yang diisikan ke dalam sistem dan mencetak kartu

tersebut.

(2) Implementasi rancang bangun sistem online pelayanan pembuatan kartu tanda

Pencari kerja (AK/I) untuk pengolahan data seperti tambah, edit, hapus, dan

mencetak Kartu Tanda Pencari Kerja (AK/I) dengan lebih mudah dan efisien

karena semua data yang diperlukan sudah ada di dalam rancang bangun

sistem online pelayanan pembuatan Kartu Tanda Pencari Kerja (AK/I) ini.

65

5.2 Saran

Untuk pengembangan lebih lanjut, saran-saran yang dapat diberikan pada

Tugas Akhir ini adalah sebagai berikut.

(1) Sistem ini diharapkan dimanfaatkan secara maksimal oleh pengunjung untuk

mempermudah memperoleh informasi mengenai pelayanan pembuatan

kartu tanda Pencari kerja(AK/I) di Kabupaten Brebes.

(2) Sistem ini dapat dikembangkan lagi dengan cara menambahkan

perangkat webcame sehingga Pencari kerja yang mendaftar untuk membuat

kartu tanda Pencari kerja (AK/I) dapat melakukan foto secara langsung di

dalam webcame dan tidak perlu membawa pas foto.

(3) Sistem ini dapat dikembangkan lagi dengan menambahkan menu pemberitahuan

(notification) guna memberikan pemberitahuan kepada Pegawai jika terdapat

Pencari kerja yang lebih dari enam bulan belum lapor untuk mendapatkan stempel

perpanjangan kartu tanda Pencari kerja (AK/I) tersebut.

66

DAFTAR PUSTAKA

Herlambang, Fajar. 2006. Trik Ekplorasi Dreamweaver MX. Jakarta: Elex Media

Komputindo.

Hindiyansyah, Toni. 2010. Mengenal Konsep Diagram Alir Data. Yogyakarta:

Andi.

Kadir, A. 2008. Tuntunan Praktis: Belajar Database Menggunakan MySQL.

Yogyakarta: ANDI.

Kementrian Sosial Tenaga Kerja dan Transmigrasi. 2008. Sejarah Awal Mula

Berdirinya Departemen Sosial Tenaga Kerja dan Transmigrasi . Tersedia

di http://www.depnakertrans.go.id/tentang.html,sejarah [diakses 25-02-

2013]

Nugroho, Bunafit. 2004. PHP dan MySQL dengan Editor Dreamweaver MX.

Yogyakarta: Andi.

Nugroho, Bunafit. 2012. Panduan Membuat Program Toko dengan PHP, MySQL,

dan Dreamweaver. Yogyakarta: ALIF MEDIA.

Pratama, Dhony. 2011. Membuat Kartu Kuning/Kartu Tanda Pencari Kerja.

Tersedia di http://bagaimana-cara.blogspot.com/2009/01/membuat-kartu-

tanda-pencari-kerja-kartu.html [diakses 15-02-2013]

Sidik, B. 2005. MySQL untuk Pengguna, Administrator, dan Pengembang

Aplikasi Web. Bandung: INFORMATIKA.

Tim Penyusun FMIPA UNNES. 2011. Panduan Penulisan Skripsi dan Artikel

Ilmiah. Semarang: Universitas Negeri Semarang.

Tim Penyusun MADCOMS. 2005. Aplikasi Manajemen Database Pendidikan

Berbasis Web dengan PHP dan MySQL. Yogyakarta: ANDI.

Tim Penyusun MADCOMS. 2011. Membongkar Misteri Adobe Dreamweaver

CS6 dengan PHP&MySQL. Yogyakarta: ANDI.

Tim Penyusun UNNES. 2010. Panduan Penulisan Karya Ilmiah. Semarang:

Universitas Negeri Semarang.

67

LAMPIRAN

58

Lampiran 1. Tabel Basis Data Sistem Online Pelayanan PEMBUATAN Kartu Tanda Pencari Kerja (AK/I) pada Dinas Sosial Tenaga

Kerja dan Transmigrasi Kabupaten Brebes

Tabel tb_admin tb_pegawai tb_warga tb_suarawarga kelola_warga kelola_suarawarga

Field id_admin NIP_pegawai nik id_suarawarga NIP_pegawai id_suarawarga

username Jabatan_pegawai nama nama nik NIP_pegawai

password username tempat_lahir email

password tanggal_lahir pesan

Nama_pegawai alamat

Alamat_pegawai jenis_kelamin

telepon

email

status

pendidikan

jurusan

nem_ipk

keterampilan

pengalaman_kerja

lokasi

agama

photo

username

password

67

68

Tabel admin

Column Type Null Default Comments MIME

id_admin float No

username varchar(10) No

password varchar(100) No

Tabel pegawai

Column Type Null Default Comments MIME

NIP_pegawai float No

Jabatan_pegawai varchar(100) No

username varchar(100) No

password varchar(100) No

Nama_pegawai varchar(100) No

Alamat_pegawai varchar(100) No

Tabel warga

Column Type Null Default Comments MIME

nik float No

nama varchar(50) No

tempat_lahir varchar(20) No

tanggal_lahir date No

alamat varchar(100) No

jenis_kelamin varchar(12) No

telepon varchar(12) No

email varchar(50) No

status varchar(15) No

pendidikan varchar(50) No

jurusan varchar(50) No

nem_ipk varchar(10) No

keterampilan varchar(100) No

pengalaman_kerja varchar(100) No

lulus varchar(50) No

lokasi varchar(100) No

agama varchar(20) No

photo varchar(100) No

username varchar(10) No

password varchar(10) No

69

Tabel suarawarga

Column Type Null Default Comments MIME

id_suarawarga float No

nama varchar(100) No

email varchar(100) No

pesan varchar(1000) No

Tabel kelola_warga

Column Type Null Default Comments MIME

NIP_pegawai float No

nik float No

Tabel kelola_suarawarga

Column Type Null Default Comments MIME

NIP_pegawai float No

Id_suarawarga float No

70

Lampiran 2. ERD Sistem Online Pelayanan PEMBUATAN Kartu Tanda Pencari Kerja (AK/I) pada Dinas Sosial Tenaga Kerja dan

Transmigrasi Kabupaten Brebes

ERD Sistem Online Pelayanan PEMBUATAN Kartu Tanda Pencari Kerja (AK/I) pada Dinas Sosial Tenaga Kerja

dan Transmigrasi Kabupaten Brebes

71

Lampiran 3. DFD Sistem Online Pelayanan PEMBUATAN Kartu Tanda Pencari Kerja

(AK/I) pada Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten Brebes

DFD Level 0

(DFD Konteks Sistem Online Pelayanan PEMBUATAN Kartu Tanda

Pencari Kerja (AK/I) pada Dinas Sosial Tenaga Kerja dan Transmigrasi

Kabupaten Brebes)

DFD Level 1

Masuk Sistem Online Pelayanan Pembuatan Kartu Tanda Pencari Kerja

(AK/I) pada Dinas Sosial Tenaga Kerja dan Transmigrasi Kabupaten

Brebes

72

73

Lampiran 3. Coding 1. Index (halaman awal)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<!-- Recommended XHTML-Editor: HTML-Kit 292 (Freeware) -->

<!-- http://www.chami.com/html-kit/download/ -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-

8859-1" />

<meta name="description" content="Your description goes here" />

<meta name="keywords" content="your,keywords,goes,here" />

<meta name="author" content="Your Name or Company / Template

design: G. Wolfgang / June 8, 2006 / Email: gw@actamail.com / Check

my favorite website: www.sda.org" />

<link rel="stylesheet" type="text/css" media="screen,projection"

href="./css/style_screen.css" />

<link rel="stylesheet" type="text/css" media="print"

href="./css/style_print.css" />

<script type="text/javascript"

src="./js/matching_columns.js"></script>

<title>Sistem Pelayanan Kartu Kuning Online</title>

<script language="JavaScript"> var txt=".::Depnakertrans

Kabupaten Brebes::."; var kecepatan=100;var segarkan=null;function

bergerak() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </script>

<link href="images/icon.ico" rel="SHORTCUT ICON"/>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link rel="stylesheet" type="text/css" href="default.css" />

<style type="text/css">

<!--

body {

74

background-color: #FFFFFF;

background-image: url();

}

body,td,th {

color: #CC0000;

}

-->

</style></head>

<body>

<?php

extract($_GET);

extract($_POST);

global $katmenu, $menu;

switch($katmenu){

case "menu":

include"$menu.php";

break;

default:

include"home.php";

break;

}

?>

<div class="page-container-1">

<!-- HEADER -->

<!-- Flag navigations -->

<!-- Navigation Level 1 -->

<!-- Sitename --><!-- Site slogan -->

75

<!-- Header banner -->

<div><img src="img/Capture.PNG" alt="12" width="771" height="209"

/></div>

<!-- Navigation Level 2 -->

<div class="nav2" align="right">

<ul>

<li><a href="index.php">Home</a></li>

<li><a

href="index.php?katmenu=menu&amp;menu=profil">Kabupaten

Brebes</a></li>

<li><a

href="index.php?katmenu=menu&amp;menu=profil2">Depnakertrans</a></l

i>

<li><a

href="index.php?katmenu=menu&amp;menu=layanan">Layanan</a></li>

<li><a

href="index.php?katmenu=menu&amp;menu=suarawarga">Kontak

Kami</a></li>

<li><a

href="index.php?katmenu=menu&amp;menu=loginregister">LOGIN</a></li>

<?php

$tgl=date("d");

$bln=date("m");

$thn=date("Y");

$hr=date("w");

$bulan=array("Januari","Februari","Maret","April","Mei","Juni",

"Juli","Agustus","September","Oktober","November","Desember");

$hari=array("Ahad","Senin","Selasa","Rabu","Kamis","Jum'at","Sa

btu");

$namabulan=$bulan[$bln-1];

$namahari=$hari[$hr];

$sekarang="$namahari, $tgl $namabulan $thn";

$tanggal="$tgl $namabulan $thn";

?>

76

<?php

echo"$sekarang";

?>

</ul>

</div>

<!-- Buffer after header -->

<div class="buffer">

<table width="770" border="0" cellspacing="5"

cellpadding="0">

<tr>

<td><marquee>"MARI SUKSESKAN PROGRAM KARTU KUNING

ONLINE"<marquee></td>

</tr>

</table>

</div>

<!-- NAVIGATION -->

<!-- Navigation Level 3 -->

<!-- CONTENT -->

<div class="content1">

<!-- Page title -->

<!-- Text container -->

<div class="content1-container line-box">

<div class="content1-container-1col">

<p class="content-title-noshade-size3">

<?php

echo "$isi";

?>

</p>

<div class="content-txtbox-noshade">

<p>&nbsp;</p>

</div>

77

</div>

</div>

<!-- Text container -->

<!-- Text container --><!-- Text container -->

</div>

<!-- SIDEBAR -->

<div class="sidebar">

<!-- Main Title -->

<p class="sidebar-maintitle">Informasi Publik</p>

<!-- Textbox -->

<p class="sidebar-title-noshade">Pekerja Outsourcing dan

Pekerja Kontra Berhak Mendapat THR</p>

<div class="sidebar-txtbox-noshade">

Menteri Tenaga Kerja dan Transmigrasi Muhaimin Iskandar

menegaskan... <a

href="index.php?katmenu=menu&amp;menu=muhaimin">Read

More</a>.</div>

<!-- Textbox -->

<p class="sidebar-title-noshade">19 Gubernur dan 8

Bupati/Walikota Mendukung Program Transmigrasi</p>

<div class="sidebar-txtbox-noshade">

<p>Dukungan dan perhatian Pemerintah Daerah (Pemda) dalam

penyelenggaraan transmigrasi...<a

href="index.php?katmenu=menu&amp;menu=transmigrasi">Read

More</a></p>

</div>

<!-- Textbox -->

<p class="sidebar-title-noshade">Mandegnya Manajemen

Partisipasi Masyarakat</p>

<div class="sidebar-txtbox-noshade">

<p><strong>PARTISIPASI</strong> masyarakat dalam

pembangunan secara langsung..<a

href="index.php?katmenu=menu&amp;menu=mandegnyamanajemen">Read

More</a></p>

</div>

<!-- Main Title-->

78

<p class="sidebar-maintitle">Profil Pimpinan</p>

<!-- Textbox -->

<img src="img/pae.jpg" alt="" width="157"

height="187" /></div>

<!-- FOOTER -->

<div class="footer">

<p><b>Copyright@2013| Depnakertrans Kabupaten Brebes | Telp.

(0283) 6177495</b></p>

</div>

</div>

</body>

</html>

2. Home

<?php

$isi="

<div class=\"post\">

<div class=\"header\">

<h3>Selamat Datang di Website Pelayanan

Kartu Kuning Depnakertrans Kabupaten Brebes</h3>

<div class=\"date\"></div>

</div>

<div class=\"content\">

<img src='img/gambar.jpg' class='picA floatleft' width=\"100%\"><p

align=\"justify\">Kartu tanda pencari kerja (AK/I) atau sering

disebut dengan kartu kuning merupakan salah satu syarat mutlak yang

harus disediakan pencari kerja untuk melamar pekerjaan di sebuah

perusahaan atau instansi baik di negeri atau swasta. Kartu ini

digunakan Pemerintah untuk melihat perkembangan antara lapangan

kerja yang tersedia dengan jumlah tenaga kerja yang ada. Dinas

Sosial Tenaga Kerja dan Transmigrasi adalah instansi yang

bertanggung jawab untuk menangani masalah kependudukan dan

pelayanan pembuatan kartu tanda pencari kerja (AK/I) di

Indonesia.<br>

<br>Sistem ini mempermudah para pencari kerja dalam pembuatan Kartu

Tanda Pencari Kerja atau Kartu Kuning karena bisa secara online di

Indonesia, Apabila Anda Ingin membuat Kartu Tanda Pencari Kerja

Baru silahkan bisa klik <a

href=\"index.php?katmenu=menu&amp;menu=pendaftaranKKbaru\">disini</

a>.<br>

79

<br>Sistem ini berupaya meningkatkan kualitas pelayanan pembuatan

Kartu Pencari Kerja atau Kartu Kuning yang diberikan kepada

masyarakat melalui peningkatan fasilitas dan sarana prasarana

dengan penggunaan internet agar lebih efisien dan tidak membutuhkan

banyak waktu untuk antri ketika akan membuat Kartu Kuning.

Merupakan suatu tanggung jawab dan komitmen bagi kami untuk

mengedepankan layanan Pembuatan Kartu Kuning dengan profesional,

bermutu dan berstandar Internasional bagi masyarakat khususnya bagi

pencari kerja.<br>

<br>--admin--</p></div>

</div>";

?>

3. Profil Kabupaten Brebes

<?php

$isi="

<div class=\"post\">

<div class=\"header\">

<font size=5pt><strong>Sejarah

Kabupaten Brebes</strong></font>

</div>

<div class=\"content\">

<br><br>

<img src='img/peta_brebes.jpg' class='picA floatleft'

width=\"100%\" height=\"250\"><p align=\"justify\"><strong>Ada

beberapa pendapat mengenai asal - usul nama Brebes yang di

antaranya berasal dari kata di antaranya Brebes berasal dari kata

Bara dan Basah, bara berarti hamparan tanah luas dan basah berarti

banyak mengandung air. Keduanya cocok dengan keadaan daerah Brebes

yang merupakan dataran luas yang berair.Karena perkataan bara di

ucapkan bere sedangkan basah di ucapkan besah maka untuk mudahnya

di ucapkan Brebes. Dalam Bahasa Jawa perkataan Brebes atau mrebes

berarti tansah metu banyune yang berarti selalu keluar airnya.<br>

<br>Nama Brebes muncul sejak zaman Mataram. Kota ini berderet

dengan kota-kota tepi pantai lainnya seperti Pekalongan, Pemalang,

dan Tegal. Brebes pada saat itu merupakan bagian dari wilayah

Kabupaten Tegal.<br>

<br>Pada tanggal 17 Januari 1678 di Jepara diadakan pertemuan

Adipati Kerajaan Mataram se Jawa Tengah, termasuk Arya Martalaya,

Adipati Tegal dan Arya Martapura, Adipati Jepara. Karena tidak

setuju dengan acara penandatanganan naskah kerjasama antara

Amangkurat Admiral dengan Belanda terutama dalam menumpas

pemberontakan Trunajaya dengan imbalan tanah-tanah milik Kerajaan

80

Mataram, maka terjadi perang tanding antara kedua adipati tersebut.

Peristiwa berdarah ini merupakan awal mula terjadinya Kabupaten

Brebes dengan Bupati berwenang .Sehari setelah peristiwa berdarah

tersebut yaitu tanggal 18 Januari 1678, Sri Amangkurat II yang

berada di Jepara mengangkat beberapa Adipati/ Bupati sebagai

pengagganti Adipati-adipati yang gugur. Untuk kabupaten Brebes di

jadikan kabupaten mandiri dengan adipati Arya Suralaya yang

merupakan adik dari Arya Martalaya. Pengangkatan Arya Suralaya

sekaligus titimangsa pemecahan Kadipaten Tegal menjadi dua bagian

yaitu Timur tetap di sebut Kadipaten Tegal dan bagian barat di

sebut Kabupaten Brebes.<br>

<br><br><br>

<font size=5pt><strong>Profil Kabupaten

Brebes</strong> </font>: <br><br>

<br><br>

<img src='img/brebes.jpg' class='picA floatleft' width=\"100%\"><p

align=\"justify\"><strong>Kabupaten Brebes adalah salah satu

Kabupaten di Provinsi Jawa Tengah, Indonesia. Luas wilayahnya

1.657,73 km², jumlah penduduknya sekitar 1.732.719 jiwa (2010).

Ibukotanya ada di Kecamatan Brebes. Brebes merupakan kabupaten

dengan jumlah penduduk paling banyak di Jawa Tengah, dan paling

luas di Jawa Tengah ke-2 setelah Kabupaten Cilacap.<br>

<br>Kabupaten Brebes terletak di bagian Utara paling Barat Provinsi

Jawa Tengah, di antara koordinat 108° 41'37,7 - 109° 11'28,92 Bujur

Timur dan 6° 44'56'5 - 7° 20'51,48 Lintang Selatan dan berbatasan

langsung dengan wilayah Provinsi Jawa Barat. Penduduk Kabupaten

Brebes mayoritas menggunakan bahasa Jawa yang yang mempunyai ciri

khas yang tidak dimiliki oleh daerah lain, biasanya disebut dengan

Bahasa Jawa Brebes. Namun terdapat Kenyataan pula bahwa sebagian

penduduk Kabupaten Brebes juga bertutur dalam bahasa Sunda dan

banyak nama tempat yang dinamai dengan bahasa Sunda menunjukan

bahwa pada masa lalu wilayah ini adalah bagian dari wilayah Sunda.

Daerah yang masyarakatnya sebagian besar menggunakan bahasa Sunda

atau biasa disebut dengan Bahasa Sunda Brebes, adalah meliputi

Kecamatan Salem,Banjarharjo,dan Bantarkawung, dan sebagian lagi ada

di beberapa desa di Kecamatan Losari,Tanjung,Kersana,Ketanggungan

dan Larangan.<br>

<br>Berdasarkan naskah kuno primer Bujangga Manik (yang

menceriterakan perjalanan Prabu Bujangga Manik, seorang pendeta

Hindu Sunda yang mengunjungi tempat-tempat suci agama Hindu di

pulau Jawa dan Bali pada awal abad ke-16), yang saat ini disimpan

pada Perpustakaan Boedlian, Oxford University, Inggris sejak tahun

1627, batas Kerajaan Sunda di sebelah timur adalah Ci Pamali

(sekarang disebut sebagai Kali Brebes atau Kali Pemali yang

melintasi pusat kota Brebes) dan Ci Serayu (yang saat ini disebut

Kali Serayu) di Provinsi Jawa Tengah.<br>

<br>Ibukota kabupaten Brebes terletak di bagian timur laut wilayah

kabupaten. Kota Brebes bersebelahan dengan Kota Tegal, sehingga

81

kedua kota ini dapat dikatakan menyatu. Brebes merupakan kabupaten

yang cukup luas di Provinsi Jawa Tengah. Sebagian besar wilayahnya

adalah dataran rendah. Bagian barat daya merupakan dataran tinggi

(dengan puncaknya Gunung Pojoktiga dan Gunung Kumbang), sedangkan

bagian tenggara terdapat pegunungan yang merupakan bagian dari

Gunung Slamet. Dengan iklim tropis, curah hujan rata-rata 18,94 mm

per bulan. Kondisi itu menjadikan kawasan tesebut sangat potensial

untuk pengembangan produk pertanian seperti tanaman padi,

hortikultura, perkebunan, perikanan, peternakan dan sebagainya.<br>

<br><br><br>

</div>

</div>

";

?>

4. Profil Depnakertrans

<?php

$isi="

<div class=\"post\">

<div class=\"header\">

<font size=5pt><strong>Sejarah

Depnakertrans</strong></font>

</div>

<div class=\"content\">

<br>

<img src='img/gedung.jpg' class='picA floatleft'><p

align=\"justify\"><strong>Pada awal pemerintahan RI, waktu Panitia

Persiapan Kemerdekaan Indonesia menetapkan jumlah kementerian pada

tanggal 19 Agustus 1945, kementerian yang bertugas mengurus masalah

ketenagakerjaan belum ada tugas dan fungsi yang menangani masalah-

masalah perburuhan diletakkan pada Kementerian Sosial baru mulai

tanggal 3 Juli 1947 ditetapkan adanya kementerian Perburuhan dan

melalui Peraturan Pemerintah Nomor 3 Tahun 1947 tanggal 25 Juli

1947 ditetapkan tugas pokok Kementerian Perburuhan Kemudian

berdasarkan Peraturan Menteri Perburuhan (PMP) Nomor 1 Tahun 1948

tanggal 29 Juli 1947 ditetapkan tugas pokok Kementerian Perburuhan

yang mencakup tugas urusan-urusan sosial menjadi Kementerian

Perburuhan dan Sosial, pada saat pemerintahan darurat di Sumatera

Menteri Perburuhan dan Sosial diberi jabatan rangkap meliputi

urusan-urusan pembangunan, Pemuda dan Keamanan.<br>

<br>Pada pemerintahan Republik Indonesia Serikat (RIS) organisasi

Kementerian Perburuhan tidak lagi mencakup urusan sosial dan

struktur organisasinya didasarkan pada Peraturan Menteri Perburuhan

82

Nomor 1 Tahun 1950 setelah Republik Indonesia Serikat bubar,

struktur organisasi Kementerian Perburuhan disempurnakan lagi

dengan Peraturan Kementerian Perburuhan Nomor 1 tahun 1951.

Berdasarkan peraturan tersebut mulai tampak kelengkapan struktur

organisasi Kementerian Perburuhan yang mencakup struktur organisasi

Kementerian Perburuhan yang mencakup struktur organisasi sampai

tingkat daerah dan resort dengan uraian tugas yang jelas. Struktur

organisasi ini tidak mengalami perubahan sampai dengan kwartal

pertama tahun 1954. Melalui Peraturan Menteri Perburuhan Nomor 70

mulai te4rjadi perubahan yang kemudian disempurnakan melalui

Peraturan Menteri Perburuhan Nomor 77 junto Peraturan Menteri

Perburuhan Nomor : 79 Tahun 1954. Berdasarkan Peraturan tersebut

Kementerian Perburuhan tidak mengalami perubahan sampai dengan

tahun 1964, kecuali untuk tingkat daerah. Sedangkan struktur

organisasinya terdiri dari Direktorat Hubungan dan Pengawasan

Perburuhan dan Direktorat Tenaga Kerja.<br>

<br>Sejak awal periode Demokrasi Terpimpin, terdapat organisasi

buruh dan gabungan serikat buruh baik yang berafiliasi dengan

partai politik maupun yang bebas, pertentangan-pertentangan mulai

muncul dimana-mana, pada saat itu kegiatan Kementerian . Perburuhan

dipusatkan pada usaha penyelesaian perselisihan perburuhan,

sementara itu masalah pengangguran terabaikan, sehingga melalui PMP

Nomor :12 Tahun 1959 dibentuk kantor Panitia Perselisihan

Perburuhan Tingkat Pusat (P4P) dan Tingkat Daerah (P4D).<br>

<br>Struktur Organisasi Kementerian Perburuhan sejak Kabinet Kerja

I sampai dengan Kabinet Kerja IV (empat) tidak mengalami perubahan.

Struktur Organisasi mulai berubah melalui Peraturan Menteri

Perburuhan Nomor : 8 Tahun 1964 yaitu dengan ditetapkannya empat

jabatan. Pembantu menteri untuk urusan-urusan administrasi,

penelitian, perencanaan dan penilaian hubungan dan pengawasan

perburuhan, dan tenaga kerja.<br>

<br>Dalam perkembangan selanjutnya, organisasi Kementerian

Perburuhan yang berdasarkan Peraturan tersebut disempurnakan dengan

Peraturan Menteri Perburuhan Nomor 13 Tahun 1964 tanggal 27

November 1964, yang pada pokoknya menambah satu jabatan Pembantu

Menteri Urusan Khusus.<br>

<br>Dalam periode Orde Baru (masa transisi 1966-1969), Kementerian

Perburuhan berubah nama menjadi Departemen Tenaga Kerja (Depnaker)

berdasarkan Keputusan tersebut jabatan Pembantu Menteri

dilingkungan Depnaker dihapuskan dan sebagai penggantinya dibentuk

satu jabatan Sekretaris Jenderal. Masa transisi berakhir tahun 1969

yang ditandai dengan dimulainya tahap pembangunan Repelita I, serta

merupakan awal pelaksanaan Pembangunan Jangka Panjang Tahap I (PJPT

I).<br>

<br>Pada pembentukan Kabinet Pembangunan II, Depnaker diperluas

menjadi Departemen Tenaga Kerja, Transmigrasi dan Koperasi,

sehingga ruang lingkup tugas dan fungsinya tidak hanya mencakup

permasalahan ketenagakerjaan tetapi juga mencakup permasalahan

ketransmigrasian dan pengkoperasian. Susunan organisasi dan tata

83

kerja Departemen Tenaga Kerja Transmigrasi dan Koperasi diatur

melalui Kepmen Nakertranskop Nomor Kep 1000/Men/1975 yang mengacu

kepada KEPPRES No 44 Tahun 1974.<br>

<br>Dalam Kabinet Pembangunan III, unsur koperasi dipisahkan dan

Departemen Tenaga kerja , Transmigrasi dan Koperasi, sehingga

menjadi Departemen Tenaga Kerja dan Transmigrasi (Depnakertrans).

Dalam masa bakti Kabinet Pembangunan IV dibentuk Departemen

Transmigrasi, sehingga unsur transmigrasi dipisah dari Depnaker

Susunan organisasi dan tata kerja Depnakerditetapkan dengan

Kepmennaker No. Kep 199/Men/1984 sedangkan susunan Organisasi dan

Tata Kerja Departemen Transmigrasi Nomor : Kep-55A/Men/1983.<br>

<br>Pada masa reformasi Departemen Tenaga Kerja dan Departemen

Transmigrasi kemudian bergabung kembali pada tanggal 22 Februari

2001. Usaha penataan organisasi Departemen Tenaga Kerja dan

Transmigrasi terus dilakukan dengan mengacu kepada Keputusan

Presiden RI Nomor 47 Tahun 2002 tentang Kedudukan, Tugas, Fungsi

Kewenangan, Susunan Organisasi dan Tata Kerja.<br>

<br><br><br>

<font size=5pt><strong>Profil Depnakertrans</strong></font><br>

<br>

<img src='img/struktur.jpg' class='picA floatleft'

width=\"100%\"><p align=\"justify\"><br>

<strong>Visi</strong> : <br><br>

Terwujudnya Tenaga Kerja dan Masyarakat Transmigrasi yang

Produktif, Kompetitif dan Sejahtera.<br><br><br>

<strong>Misi :</strong><br>

<br><br>

<ol><li>Perluasan kesempatan kerja dan peningkatan pelayanan

penempatan tenaga kerja serta penguatan informasi pasar kerja dan

bursa kerja</li>

<li>Peningkatan kompetensi ketrampilan dan produktivitas tenaga

kerja dan masyarakat transmigrasi</li></li>

<li>Peningkatan pembinaan hubungan industrial serta perlindungan

sosial tenaga kerja dan masyarakat transmigrasi</li>

<li>Peningkatan pengawasan ketenagakerjaan</li>

<li>Percepatan dan pemerataan pembangunan wilayah dan</li>

<li>Penerapan organisasi yang efisien, tatalaksana yang efektif dan

terpadu dengan prinsip kepemerintahan yang baik (good govermance),

yang didukung oleh penelitian, pengembangan dan pengelolaan

informasi yang efektif.</li>

84

</ol><br>

</p><br><strong>

</div>

</div>

";

?>

5. Layanan

<?php

$isi="

<div class=\"post\">

<div class=\"header\">

</div>

<div class=\"content\">

<p align=\"justify\"><font size=5pt><strong>Sekilas Tentang Kartu

Kuning</strong></font> <br><br>

<strong>Kartu Kuning/AK.I adalah kartu yang digunakan untuk melamar

pekerjaan , baik kepada instansi pemerintah maupun swasta. Kartu

ini diperlukan bila sewaktu-waktu terdapat lowongan pekerjaan,

Kantor Dinas Kependudukan dan Tenaga Kerja dapat menghubungi

pencari kerja (memanggil) yang artinya kartu ini juga dapat berguna

untuk memberikan informasi terkait adanya lowongan pekerjaan bagi

pencari kerja. Kartu Kuning/AK.I, berlaku 2 (dua) tahun dan harus

melapor 6 (enam) bulan sekali, bila belum mendapat pekerjaan dan

apabila ada perubahan alamat/data harus segera melapor dan diganti,

sesuai dengan data yang baru dan apabila sudah diterima di

perusahaan swasta maupun pemerintah Kartu Kuning/AK.I dikembalikan

ke Dinas Sosial Tenaga Kerja dan Transmigrasi<br><br>

<br><br>

<font size=5pt><strong>Syarat pembuatan Kartu Tanda Pencari Kerja

atau Kartu Kuning:</strong></font>

<ol><li>Foto copy KTP yang masih berlaku (1 lembar);</li>

<li>Foto copy ijazah terakhir yang dilegalisir (1 lembar);</li>

<li>Foto copy Sertifikat kursus yang dimiliki (masing-masing 1

lembar) bila ada;</li>

<li>Pas foto ukuran 3 x 4 = 2 lembar.</li>

<br><br>

85

<h3><strong><font face=\"Courier New, Courier, monospace\">Untuk

Pembuatan Kartu Tanda Pencari Kerja atau Kartu Kuning (AK/I) Baru

silahkan klik <a

href=\"index.php?katmenu=menu&amp;menu=pendaftaranKKbaru\">disini</

strong><br><p align=\"justify\"></font></h3>

</div>

</div>

";

?>

6. Kontak Kami

<?php

$isi="

<div class=\"post\">

<div class=\"header\">

<h3>Kontak Kami</h3>

<div class=\"date\">\"masukkan keluhan

anda\"</div>

</div>

<div class=\"content\">

<form method=\"post\"

action=\"index.php?katmenu=menu&amp;menu=simpan_data_suarawarga\">

<table width=\"20%\" border=\"0\" cellpadding=\"4\"

cellspacing=\"4\">

<tr>

<td width=\"8%\"><em>Nama </em></td>

<td width=\"2%\"><em>:</em></td>

<td width=\"10%\"><em>

<input name=\"nama\" type=\"text\" size=\"30\" />

</em></td>

</tr>

<tr>

<td width=\"8%\"><em>email </em></td>

<td width=\"2%\"><em>:</em></td>

86

<td width=\"10%\"><em>

<input name=\"email\" type=\"text\" size=\"30\" />

</em></td>

</tr>

<tr>

<td width=\"8%\"><em>Pesan</em></td>

<td width=\"2%\"><em>:</em></td>

<td width=\"10%\">

<textarea name=\"pesan\" id=\"pesan\" rows=\"5\"

cols=\"30\"></textarea>

</td>

<tr>

<td width=\"8%\"><em></em></td>

<td width=\"2%\"><em></em></td>

<td width=\"10%\"><em>

<input name=\"submit\" type='submit' value='submit' />

<input type='reset' value='kosongkan'>

</em></td>

</tr>

</table>

</form>

</div>

<br><br><br>

<p align=\"justify\"><h10><strong>Informasi Kontak: </h10><br>

<h1><font face=\"Courier New, Courier, monospace\">Dinas Sosial

Tenaga Kerja dan Transmigrasi <br> Kabupaten Brebes <br> Jalan

Pangeran Diponegoro No 150 <br> Brebes, Jawa Tengah <br> Telp.

(0283) 671322 Fax (0283) 671322</font></h1>

</div>";

?>

7. Simpan kontak kami

<?php

87

extract($_GET);

extract($_POST);

include "config.php";

//global $nama_warga, $alamat_warga;

//$nama_warga = $_POST[nama_warga];

//$alamat_warga = $_POST[alamat_warga];

$simpan = mysql_query("INSERT INTO tb_suarawarga VALUES

('$nama','$email','$pesan')");

$isi = "terima kasih, pesan anda telah dikirim<br>";

?>

8. Login register

<?php

$isi="

<div class=\"post\">

<div class=\"header\">

<h3>SELAMAT DATANG DI HALAMAN

LOGIN</h3>

</div>

<div class=\"content\">

untuk login sebagai admin, atau warga klik salah satu gambar : <br>

<br/>

<a href=\"index.php?katmenu=menu&amp;menu=loginadmin\"><img

src=\"img/admin.PNG\" /></a><strong>Admin</strong>

<a href=\"index.php?katmenu=menu&amp;menu=Loginpegawai\"><img

src=\"img/pega.PNG\" /></a><strong>Pegawai</strong>

<a href=\"index.php?katmenu=menu&amp;menu=loginwarga\"><img

src=\"img/wrg.PNG\" /></a><strong>WARGA</strong>

</div>

</div>";

?>

88

9. Login admin

<?php

$isi ="<div class=\"post\">

<div class=\"header\">

<h3>LOGIN ADMIN</h3>

</div>

<div class=\"content\">

<form method=\"post\" class=\"searchform\"

action=\"cekadmin.php\">

<table width=\"20%\" border=\"0\" cellpadding=\"4\"

cellspacing=\"4\">

<tr>

<td width=\"6%\"><em>username </em></td>

<td width=\"2%\"><em>:</em></td>

<td width=\"12%\"><em>

<input name=\"username\" type=\"text\" id=\"judul\"

size=\"20\" />

</em></td>

</tr>

<tr>

<td width=\"6%\"><em>password</em></td>

<td width=\"2%\"><em>:</em></td>

<td width=\"12%\">

<input name=\"password\" type=\"password\" class=\"style1\"

id=\"judul\" size=\"20\" />

</td>

<tr>

<td width=\"6%\"><em></em></td>

<td width=\"2%\"><em></em></td>

<td width=\"12%\"><em>

<input name='login' type='submit' value='login' />

<input type='reset' value='reset' />

89

</em></td>

</tr></table></form>

</div></div>";

?>

10. Login pegawai

<?php

$isi ="<div class=\"post\">

<div class=\"header\">

<h3>LOGIN PEGAWAI</h3>

</div>

<div class=\"content\">

<form method=\"post\" class=\"searchform\"

action=\"cekpegawai.php\">

<table width=\"20%\" border=\"0\" cellpadding=\"4\"

cellspacing=\"4\">

<tr>

<td width=\"6%\"><em>username </em></td>

<td width=\"2%\"><em>:</em></td>

<td width=\"12%\"><em>

<input name=\"username\" type=\"text\" id=\"judul\"

size=\"20\" />

</em></td>

</tr>

<tr>

<td width=\"6%\"><em>password</em></td>

<td width=\"2%\"><em>:</em></td>

<td width=\"12%\">

<input name=\"password\" type=\"password\" class=\"style1\"

id=\"judul\" size=\"20\" />

</td>

<tr>

<td width=\"6%\"><em></em></td>

90

<td width=\"2%\"><em></em></td>

<td width=\"12%\"><em>

<input name='login' type='submit' value='login' />

<input type='reset' value='reset' />

</em></td>

</tr></table></form>

</div></div>";

?>

11. Login pencari kerja

<?php

$isi ="<div class=\"post\">

<div class=\"header\">

<h3>LOGIN WARGA</h3>

</div>

<div class=\"content\">

<form method=\"post\" class=\"searchform\"

action=\"cekwarga.php\">

<table width=\"20%\" border=\"0\" cellpadding=\"4\"

cellspacing=\"4\">

<tr>

<td width=\"6%\"><em>username </em></td>

<td width=\"2%\"><em>:</em></td>

<td width=\"12%\"><em>

<input name=\"username\" type=\"text\" id=\"judul\"

size=\"20\" />

</em></td>

</tr>

<tr>

<td width=\"6%\"><em>password</em></td>

<td width=\"2%\"><em>:</em></td>

<td width=\"12%\">

91

<input name=\"password\" type=\"password\" class=\"style1\"

id=\"judul\" size=\"20\" />

</td>

<tr>

<td width=\"6%\"><em></em></td>

<td width=\"2%\"><em></em></td>

<td width=\"12%\"><em>

<input name='login' type='submit' value='login' />

<input type='reset' value='reset' />

</em></td>

</tr></table>

jika anda belum terdaftar silahkan registrasi dengan klik <a

href=\"index.php?katmenu=menu&amp;menu=pendaftaranKKbaru\">disini</

form>

</div></div>";

?>

12. Cek login admin

<?php

session_start();

extract($_GET);

extract($_POST);

include "config.php";

#jika ditekan tombol login

if(isset($_POST['login']))

{

$username = $_POST['username'];

$password = $_POST['password'];

$sql = mysql_query("SELECT * FROM tb_admin WHERE

username='$username' && password='$password'");

$num = mysql_num_rows($sql);

if($num==1) { // login benar //

92

$_SESSION['user'] = $username;

$_SESSION['passwd'] = $password;

?>

<script language="JavaScript">alert('Anda berhasil

login');

document.location='./Logadmin/index.php'</script>

<?php

} else { // jika login salah //

?>

<script language="JavaScript">alert('Username atau

password Anda salah')

document.location='index.php'</script>

<?php

}

}

?>

13. Cek login pegawai

<?php

session_start();

extract($_GET);

extract($_POST);

include "config.php";

#jika ditekan tombol login

if(isset($_POST['login']))

{

$username = $_POST['username'];

$password = $_POST['password'];

$sql = mysql_query("SELECT * FROM tb_pegawai WHERE

username='$username' && password='$password'");

$num = mysql_num_rows($sql);

if($num==1) { // login benar //

$_SESSION['user'] = $username;

93

$_SESSION['passwd'] = $password;

?>

<script language="JavaScript">alert('Anda berhasil

login');

document.location='./Logpegawai/index.php'</script>

<?php

} else { // jika login salah //

?>

<script language="JavaScript">alert('Username atau

password Anda salah')

document.location='index.php'</script>

<?php

}

}

?>

14. Cek login warga

<?php

session_start();

extract($_GET);

extract($_POST);

include "config.php";

#jika ditekan tombol login

if(isset($_POST['login']))

{

$username = $_POST['username'];

$password = $_POST['password'];

$sql = mysql_query("SELECT * FROM tb_warga WHERE

username='$username' && password='$password'");

$num = mysql_num_rows($sql);

if($num==1) { // login benar //

$_SESSION['user'] = $username;

$_SESSION['passwd'] = $password;

94

$data=mysql_fetch_array($sql);

$_SESSION['nik']=$data['nik'];

?>

<script language="JavaScript">alert('Anda berhasil

login');

document.location='./logwarga/index.php'</script>

<?php

} else { // jika login salah //

?>

<script language="JavaScript">alert('Username atau

password Anda salah')

document.location='index.php'</script>

<?php

}

}

?>

15. Koneksi

<?php

$host="localhost";

$userdb="root";

$passdb="";

$namadb="sielektra";

$sambung=mysql_connect($host,$userdb,$passdb);

mysql_select_db($namadb,$sambung)or die("Databasenya error");

?>

16. Pendaftaran kartu kuning baru

<?php

$isi = "<div class=\"post\">

<div class=\"header\">

<h3><strong>Pendaftaran Kartu Tanda

Pencari Kerja atau Kartu Kuning (AK/I)</strong></h3>

</div>

95

<div class=\"content\">

<form name=\"form1\" method=\"post\"

action=\"index.php?katmenu=menu&amp;menu=simpan_data_warga\">

<table width=533 border=\"0\" cellpadding=\"4\"

cellspacing=\"4\">

<br><br>

<tr>

<td width=133>Nomor Kartu Tanda Penduduk (NIK) </td>

<td width=10>:</td>

<td width=366><input name=\"nik\" type=\"text\"

id=\&quot;judul\&quot; value='' size=\"45\" maxlength=\"16\"></td>

</tr>

<tr>

<td width=133>Nama</td>

<td width=10>:</td>

<td width=366><input name=\"nama\" type=\"text\"

id=\&quot;judul\&quot; value='' size=\"45\" maxlength=\"30\"></td>

</tr>

<tr>

<td width=133>Tempat Lahir</td>

<td width=10>:</td>

<td width=366><input name=\"tempat_lahir\" type=\"text\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"20\"></td>

</tr>

<tr>

<td width=133>Tanggal Lahir</td>

<td width=10>:</td>

<td width=366><input name=\"tanggal_lahir\" type=\"text\"

id=\&quot;id\&quot; value=\"\" size=\"45\"

maxlength=\"20\"placeholder=\"Tahun/Bulan/Tanggal

ex:(1991/04/08)\"></td>

</tr>

<tr>

<td width=133>Agama</td>

96

<td width=10>:</td>

<td><input name=\"agama\" type=\"radio\" value=\"Islam\"

checked />

Islam

<input name=\"agama\" type=\"radio\" value=\"Katolik\" />

Katolik

<input name=\"agama\" type=\"radio\" value=\"Protestan\" />

Protestan

<input name=\"agama\" type=\"radio\" value=\">Hindu\" />

Hindu

<input name=\"agama\" type=\"radio\" value=\">Budha\" />

Budha

</td>

</tr>

<tr>

<td>Jenis Kelamin</td>

<td>:</td>

<td><input name=\"jenis_kelamin\" type=\"radio\"

value=\"Laki-Laki\" checked />

Laki-laki

<input name=\"jenis_kelamin\" type=\"radio\"

value=\"Perempuan\" />

Perempuan </td>

</tr>

<tr>

<td width=133>Alamat</td>

<td width=10>:</td>

<td width=366><input name=\"alamat\" type=\"text\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td>Telepon</td>

97

<td>:</td>

<td><input name=\"telepon\" type=\"text\" id=\&quot;id\&quot;

value=\"\" size=\"45\" maxlength=\"12\"></td>

</tr>

<tr>

<td>Email</td>

<td>:</td>

<td><input name=\"email\" type=\"text\" id=\&quot;id\&quot;

value=\"\" size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td>Status Perkawinan</td>

<td>:</td>

<td><input name=\"status\" type=\"radio\"

value=\"Kawin\" checked />

Kawin

<input name=\"status\" type=\"radio\" value=\"Belum

Kawin\" />

Belum Kawin </td>

</tr>

<tr>

<td width=133>Pendidikan Formal Tertinggi</td>

<td width=10>:</td>

<td><input name=\"pendidikan\" type=\"radio\" value=\"SD\"

checked />

SD

<input name=\"pendidikan\" type=\"radio\" value=\"SMP\" />

SMP

<input name=\"pendidikan\" type=\"radio\" value=\"SMA\" />

SMA

<input name=\"pendidikan\" type=\"radio\" value=\"D3\" />

D3

98

<input name=\"pendidikan\" type=\"radio\" value=\"SARJANA\"

/>

SARJANA

</td>

</tr>

<tr>

<td width=133>Jurusan</td>

<td width=10>:</td>

<td width=366><input type name=\"jurusan\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td width=133>NEM atau IPK</td>

<td width=10>:</td>

<td width=366><input type name=\"nem_ipk\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"10\"></td>

</tr>

<tr>

<td width=\"17%\">Tahun Kelulusan</td>

<td width=\"2%\">:</td>

<td width=366><input type name=\"lulus\" id=\&quot;id\&quot;

value=\"\" size=\"45\" maxlength=\"4\"></td>

</tr>

<tr>

<td width=133>Pendidikan Non Formal</td>

<td width=10>:</td>

<td width=366><input type name=\"keterampilan\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td width=133>Pengalaman Kerja</td>

<td width=10>:</td>

99

<td width=366><input type name=\"pengalaman_kerja\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td width=133>Penempatan Lokasi Kerja</td>

<td width=10>:</td>

<td width=366><input type name=\"lokasi_kerja\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td>Photo</td>

<td>:</td>

<td><input type=\"file\" name=\"photo\"

id=\"photo\"></td>

</tr>

<tr>

<td width=133>Username</td>

<td width=10>:</td>

<td width=366><input name=\"username\" type=\"text\"

id=\&quot;judul\&quot; value='' size=\"45\"></td>

</tr>

<tr>

<td width=133>Password</td>

<td width=10>:</td>

<td width=366><input name=\"password\" type=\"password\"

id=\&quot;judul\&quot; value='' size=\"45\"></td>

</tr>

<tr>

<td width=133></td>

<td width=10>&nbsp;</td>

<td width=366><em>

<input type='submit' value='register' />

100

<input name=\"reset\" type='reset' value='reset' />

</em></td>

</tr>

</table>

</form></div>

</div>

";

?>

17. Index admin

<?php

session_start();

//periksa apakah user telah login atau memiliki session

if(!isset($_SESSION['user']) || !isset($_SESSION['passwd'])) {

?>

<script language='javascript'>alert('Anda belum login.

Silahkan login dulu');

document.location='echo"<meta http-equiv=\"refresh\"

content=\"0 URL=../index.php\"/>'</script>

<?php

} else {

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<!-- Recommended XHTML-Editor: HTML-Kit 292 (Freeware) -->

<!-- http://www.chami.com/html-kit/download/ -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-

8859-1" />

<meta name="description" content="Your description goes here" />

101

<meta name="keywords" content="your,keywords,goes,here" />

<meta name="author" content="Your Name or Company / Template

design: G. Wolfgang / June 8, 2006 / Email: gw@actamail.com / Check

my favorite website: www.sda.org" />

<link rel="stylesheet" type="text/css" media="screen,projection"

href="../css/style_screen.css" />

<link rel="stylesheet" type="text/css" media="print"

href="../css/style_print.css" />

<script type="text/javascript"

src="../js/matching_columns.js"></script>

<title>Sistem Pelayanan Kartu Kuning Online</title>

<script language="JavaScript"> var txt=".::Halaman Admin::."; var

kecepatan=100;var segarkan=null;function bergerak() {

document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </script>

<link href="../images/icon.ico" rel="SHORTCUT ICON"/>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link rel="stylesheet" type="text/css" href="../default.css" />

<style type="text/css">

<!--

body {

background-color: #FFFFFF;

background-image: url();

}

body,td,th {

color: #CC0000;

}

-->

</style></head>

<body>

<?php

102

extract($_GET);

extract($_POST);

global $katmenu, $menu;

switch($katmenu){

case "menu":

include"$menu.php";

break;

default:

include"home.php";

break;

}

?>

<div class="page-container-1">

<!-- HEADER -->

<!-- Flag navigations -->

<!-- Navigation Level 1 -->

<!-- Sitename --><!-- Site slogan -->

<!-- Header banner -->

<div><img src="../img/Capture.PNG" alt="12" width="771"

height="209" /></div>

<!-- Navigation Level 2 -->

<div class="nav2" align="right">

<ul>

<li><a href="index.php">Home</a></li>

<li><a

href="index.php?katmenu=menu&amp;menu=registrasi_admin">Tambah

Admin</a></li>

103

<li><a

href="index.php?katmenu=menu&amp;menu=pegawai">Data

Pegawai</a></li>

<li><a

href="index.php?katmenu=menu&amp;menu=pencarianData">Pencarian</a><

/li>

<li><a

href="index.php?katmenu=menu&amp;menu=biodataPencariKerja">Daftar

Pencari Kerja</a></li>

<li><a

href="index.php?katmenu=menu&amp;menu=suarawarga">Suara

Warga</a></li>

<li><a href="logout.php">logout</a></li>

</ul>

</div>

<!-- Buffer after header -->

<div class="buffer">

<table width="770" border="0" cellspacing="5"

cellpadding="0">

<tr>

<td><marquee>"MARI SUKSESKAN PROGRAM KARTU KUNING

ONLINE"<marquee></td>

</tr>

</table>

</div>

<!-- NAVIGATION -->

<!-- Navigation Level 3 -->

<!-- CONTENT -->

<div class="content1">

<!-- Page title -->

<!-- Text container -->

<div class="content1-container line-box">

<div class="content1-container-1col">

104

<p class="content-title-noshade-size5">

<?php

echo "$isi";

?>

</p>

<div class="content-txtbox-noshade">

<p>&nbsp;</p>

</div>

</div>

</div>

<!-- Text container -->

<!-- Text container --><!-- Text container -->

</div>

<!-- SIDEBAR -->

<div class="sidebar">

<!-- Main Title -->

<p class="sidebar-maintitle">Informasi publik</p>

<!-- Textbox -->

<p class="sidebar-title-noshade">Pekerja Outsourcing dan

Pekerja Kontra Berhak Mendapat THR</p>

<div class="sidebar-txtbox-noshade">

Menteri Tenaga Kerja dan Transmigrasi Muhaimin Iskandar

menegaskan... <a

href="../index.php?katmenu=menu&amp;menu=muhaimin">Read

More</a>.</div>

<!-- Textbox -->

<p class="sidebar-title-noshade">19 Gubernur dan 8

Bupati/Walikota Mendukung Program Transmigrasi</p>

<div class="sidebar-txtbox-noshade">

<p>Dukungan dan perhatian Pemerintah Daerah (Pemda) dalam

penyelenggaraan transmigrasi...<a

href="../index.php?katmenu=menu&amp;menu=transmigrasi">Read

More</a></p>

</div>

105

<!-- Textbox -->

<p class="sidebar-title-noshade">Mandegnya Manajemen

Partisipasi Masyarakat</p>

<div class="sidebar-txtbox-noshade">

<p><strong>PARTISIPASI</strong> masyarakat dalam

pembangunan secara langsung..<a

href="../index.php?katmenu=menu&amp;menu=mandegnyamanajemen">Read

More</a></p>

</div>

<!-- Main Title-->

<p class="sidebar-maintitle"><strong><center><?php echo

$_SESSION['user'] ?></p>

<!-- Textbox -->

<img src="../img/admin.jpg" alt="" width="157"

height="187" /></div>

<!-- FOOTER -->

<div class="footer">

<p><b>Copyright@2013| Depnakertrans Kabupaten Brebes | Telp.

(0283) 6177495</b></p>

</div>

</div>

</body>

</html>

<?php

}

?>

18. Halaman utama admin

<?php

$isi="

<div class=\"post\">

<div class=\"header\">

<h3 align=\"center\">SELAMAT DATANG DI

HALAMAN ADMIN</h3>

</div>

106

<div class=\"content\" align=\"justify\">

Halaman admin adalah webpage yang berguna bagi admin untuk melihat

data-data yang telah diinputkan oleh warga. Admin akan mengolah

data tersebut, sehingga nantinya pencaker akan mendapatkan Kartu

Tanda Pencari Kerja (AK/I) baru yang telah dicetak oleh admin.

Manfaatkan fasilitas ini dengan baik, jika ada permasalahan

silahkan hubungi Dinas Sosial Tenaga Kerja dan Transmigrasi

Kabupaten Brebes di bawah ini :

<p align=\"center\"><img src=\"images/3s.jpg\"/ width= '100%'

height='400'></p>

<h1><font face=\"Courier New, Courier, monospace\">Dinas Sosial

Tenaga Kerja dan Transmigrasi <br> Kabupaten Brebes <br> Jalan

Pangeran Diponegoro No 150 <br> Brebes, Jawa Tengah <br> Telp.

(0283) 671322 Fax (0283) 671322</font></h1>

</div>

</div>";

?>

19. Tambah admin

<?php

$isi = "

<div class=\"post\">

<div class=\"header\">

<h1>REGISTRASI ADMIN</h1>

</div>

<div class=\"content\">

<form name=\"form1\" method=\"post\"

action=\"index.php?katmenu=menu&amp;menu=simpan_admin\">

<table width=\"600\" border=\"0\" cellpadding=\"4\"

cellspacing=\"4\">

<tr>

<td width=\"17%\">Username</td>

<td width=10>:</td>

<td width=366><input name=\"username\" type=\"text\"

id=\&quot;judul\&quot; value='' size=\"45\"></td>

</tr>

<tr>

107

<td width=\"17%\">Password</td>

<td width=10>:</td>

<td width=366><input name=\"password\" type=\"password\"

id=\&quot;judul\&quot; value='' size=\"45\"></td>

</tr>

<tr>

<td width=67></td>

<td width=4>&nbsp;</td>

<td width=230><em>

<input type='submit' value='register' />

<input name=\"reset\" type='reset' value='reset' />

</em></td>

</tr>

</table>

</form></div>

</div>

";

?>

20. Simpan admin

<?php

extract($_GET);

extract($_POST);

include "config.php";

$username=$_POST['username'];

$password=$_POST['password'];

if (empty($username))

{

die("Isikan USER!");

}

elseif(empty($password))

{

108

die("Isikan Password!");

}

else

{

$cekdata="select username from tb_admin where

username='$username'";

$ada=mysql_query($cekdata) or die(mysql_error());

if(mysql_num_rows($ada)>0)

{ die("username telah Terdaftar!");

} //end if cek file upload

mysql_query("insert into tb_admin(username,password) " .

"values('$username','$password')") or

die(mysql_error());

$isi = "Data Telah Berhasil Disimpan<br></a>";

?>

21. Data pegawai

<?php

include"config.php";

$query1= "SELECT * FROM tb_pegawai";

$jalanquery1=mysql_query($query1);

$isi ="

<table width=500 border=\"1\">

<h3 align=\"center\">Untuk Menambahkan Pegawai Baru, Silahkan Klik

<a

href=\"index.php?katmenu=menu&amp;menu=registrasi_pegawai\">Disini<

/a></h3>

<tr width=50>

<td width=10><font size=\"-5\">NIP</font></td>

<td width=20><font size=\"-5\">Username</font></td>

<td width=30><font size=\"-5\">Password</font></td>

<td width=50><font size=\"-5\">Nama</font></td>

<td width=40><font size=\"-5\">Alamat</font></td>

<td width=30><font size=\"-5\">Jabatan</font></td>

109

<td width=30><font size=\"-5\">Keterangan</font></td>

</tr>";

while($arrprof=mysql_fetch_array($jalanquery1)){

$isi .="

<tr>

<td><font size=\"-5\">$arrprof[NIP_pegawai]</font></td>

<td><font size=\"-5\">$arrprof[username]</font></td>

<td><font size=\"-5\">$arrprof[password]</font></td>

<td><font size=\"-5\">$arrprof[Nama_pegawai]</font></td>

<td><font size=\"-5\">$arrprof[Alamat_pegawai]</font></td>

<td><font size=\"-5\">$arrprof[Jabatan_pegawai]</font></td>

<td><font size=\"-5\"><a

href=\"index.php?katmenu=menu&menu=edit_pegawai&NIP_pegawai=$arrpro

f[NIP_pegawai]\">edit</a> | <a

href=\"index.php?katmenu=menu&menu=delete_pegawai&NIP_pegawai=$arrp

rof[NIP_pegawai]\">delete</a>

</font></td></tr>";

}

$isi .="</table>";

?>

22. Tambah pegawai

<?php

$isi = "

<div class=\"post\">

<div class=\"header\">

<h1>REGISTRASI PEGAWAI</h1>

</div>

<div class=\"content\">

<form name=\"form1\" method=\"post\"

action=\"index.php?katmenu=menu&amp;menu=simpan_pegawai\">

<table width=\"600\" border=\"0\" cellpadding=\"4\"

cellspacing=\"4\">

<tr>

110

<td width=\"17%\">Nomor Induk Pegawai (NIP) </td>

<td width=\"2%\">:</td>

<td width=\"51%\"><input name=\"NIP_pegawai\" type=\"text\"

id=\&quot;judul\&quot; value='' size=\"45\" maxlength=\"16\"></td>

</tr>

<tr>

<td width=\"17%\">Nama</td>

<td width=\"2%\">:</td>

<td width=\"51%\"><input name=\"Nama_pegawai\" type=\"text\"

id=\&quot;judul\&quot; value='' size=\"45\" maxlength=\"30\"></td>

</tr>

<tr>

<td width=\"17%\">Alamat</td>

<td width=\"2%\">:</td>

<td width=366><input name=\"Alamat_pegawai\" type=\"text\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td>Jabatan</td>

<td>:</td>

<td><input name=\"Jabatan_pegawai\" type=\"text\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"30\"></td>

</tr>

<tr>

<td width=\"17%\">Username</td>

<td width=10>:</td>

<td width=366><input name=\"username\" type=\"text\"

id=\&quot;judul\&quot; value='' size=\"45\"></td>

</tr>

<tr>

<td width=\"17%\">Password</td>

<td width=10>:</td>

111

<td width=366><input name=\"password\" type=\"password\"

id=\&quot;judul\&quot; value='' size=\"45\"></td>

</tr>

<tr>

<td width=67></td>

<td width=4>&nbsp;</td>

<td width=230><em>

<input type='submit' value='register' />

<input name=\"reset\" type='reset' value='reset' />

</em></td>

</tr>

</table>

</form></div>

</div>

";

?>

23. Edit data pegawai

<?php

include 'config.php';

global $NIP_pegawai;

$NIP_pegawai=$_GET['NIP_pegawai'];

$query=mysql_query( "SELECT * FROM tb_pegawai WHERE

NIP_pegawai='$NIP_pegawai' LIMIT 1");

//echo $query;

$dataku=mysql_fetch_object($query);

$isi ="

<div class=\"post\">

<div class=\"content\">

112

<form name=\"form1\" method=\"post\"

action=\"index.php?katmenu=menu&amp;menu=proses_edit_pegawai&NIP_pe

gawai=$NIP_pegawai\">

<table width='52%' border='2' align='center' cellpadding='2'

cellspacing='2'>

<caption>

<strong>FORM EDIT DATA PEGAWAI </strong>

</caption>

<tr>

<td width=\"17%\">Nomor Induk Pegawai (NIP) </td>

<td width=\"2%\">:</td>

<td width=\"51%\"><input name=\"NIP_pegawai\" type=\"text\"

id=\&quot;judul\&quot; value='$dataku->NIP_pegawai' readonly=\"\"

size=\"45\" maxlength=\"16\"></td>

</tr>

<tr>

<td width=\"17%\">Nama</td>

<td width=\"2%\">:</td>

<td width=\"51%\"><input name=\"Nama_pegawai\" type=\"text\"

id=\&quot;judul\&quot; value='$dataku->Nama_pegawai' readonly=\"\"

size=\"45\" maxlength=\"30\"></td>

</tr>

<tr>

<td width=\"17%\">Alamat</td>

<td width=\"2%\">:</td>

<td width=366><input name=\"Alamat_pegawai\" type=\"text\"

id=\&quot;id\&quot; value='$dataku->Alamat_pegawai' readonly=\"\"

size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td>Jabatan</td>

<td>:</td>

<td><input name=\"Jabatan_pegawai\" type=\"text\"

id=\&quot;id\&quot; value='$dataku->Jabatan_pegawai' readonly=\"\"

size=\"45\" maxlength=\"30\"></td>

113

</tr>

<tr>

<td width=\"17%\">Username</td>

<td width=10>:</td>

<td width=366><input name=\"username\" type=\"text\"

id=\&quot;judul\&quot; value='$dataku->username' readonly=\"\"

size=\"45\"></td>

</tr>

<tr>

<td width=\"17%\">Password</td>

<td width=10>:</td>

<td width=366><input name=\"password\" type=\"password\"

id=\&quot;judul\&quot; value='' size=\"45\"></td>

</tr>

<tr>

<td><input type='submit' name='button' id='button'

value='Edit' />

</tr>

</table>

</form></div></div>

";

?>

24. Delete pegawai

<?php

include"config.php";

$NIP_pegawai=$_GET['NIP_pegawai'];

$hapus="DELETE FROM tb_pegawai WHERE NIP_pegawai='$NIP_pegawai'";

$hasil=mysql_query($hapus);

$isi ="<font size=\"+1\">Terima kasih, Pegawai Berhasil

Dihapus</font><br /><br /><br />";

?>

25. Proses edit pegawai

<?php

114

extract($_GET);

extract($_POST);

include "config.php";

//global

$username,$password,$NIP_pegawai,$Nama_Lengkap_pegawai,$Alamat_pega

wai,$Jabatan_pegawai;

//$nik=$_GET['NIP_pegawai'];

$NIP_pegawai=$_GET['NIP_pegawai']

$query= "UPDATE tb_pegawai SET

username='$username',password='$password',NIP_pegawai='$NIP_pegawai

',Nama_pegawai='$Nama_pegawai',Alamat_pegawai='$Alamat_pegawai',Jab

atan_pegawai='$Jabatan_pegawai' WHERE NIP_pegawai=$NIP_pegawai ";

//echo $query;

$jalanquery=mysql_query($query);

//$dataku=mysql_fetch_array($jalanquery);

$isi ="<h2><center><strong>\"terima kasih, biodata pegawai telah di

edit\"</strong></center></h2>";

?>

26. Simpan pegawai

<?php

extract($_GET);

extract($_POST);

include "config.php";

$NIP_pegawai=$_POST['NIP_pegawai'];

$Nama_pegawai=$_POST['Nama_pegawai'];

$Alamat_pegawai=$_POST['Alamat_pegawai'];

$Jabatan_pegawai=$_POST['Jabatan_pegawai'];

$username=$_POST['username'];

$password=$_POST['password'];

if (empty($NIP_pegawai))

{

die("Isikan NIP!");

}

115

elseif(empty($Nama_pegawai))

{

die("Isikan Nama!");

}

else

{

$cekdata="select NIP_pegawai from tb_pegawai where

NIP_pegawai='$NIP_pegawai'";

$ada=mysql_query($cekdata) or die(mysql_error());

if(mysql_num_rows($ada)>0)

{ die("NIP telah Terdaftar!"); }

} //end if cek file upload

mysql_query("insert into

tb_pegawai(NIP_pegawai,Nama_pegawai,Alamat_pegawai,Jabatan_pegawai,

username,password) " .

"values('$NIP_pegawai','$Nama_pegawai','$Alamat_pegawai','$Jaba

tan_pegawai','$username','$password')") or die(mysql_error());

$isi = "Data Telah Berhasil Disimpan<br></a>";

?>

27. Pencarian data

<?php

$isi = "<form name=\"formcari\" method=\"post\"

action=\"index.php?katmenu=menu&amp;menu=proses_cari\">

<table width=\"330\" border=\"0\" align=\"center\"

cellpadding=\"0\">

<tr bgcolor=\"orange\">

<td height=\"40\" colspan=\"3\">

<strong><center><font size=\"-20\">Pencarian Data Pencari

Kerja</strong>

</td>

</tr>

<tr> <td> ID </td>

<td> <input type=\"text\" name=\"nama\" size=\"30\"

placeholder=\"Masukkan Nama Lengkap\"></td>

</tr>

116

<td></td>

<td> <input type=\"SUBMIT\" name=\"SUBMIT\" id=\"SUBMIT\"

value=\"Search\" > </td>

</table>

</form>";

?>

28. Hasil pencarian

<?php

include "config.php";

global $nama;

$nama = $_POST['nama']; //get the nama value from form

$q = "SELECT * FROM tb_warga

WHERE nama='$nama' ";

$result = mysql_query($q); //execute the query $q

$isi = "<center>

<h2>Hasil Pencarian Data Pencari Kerja</h2>

<table width=500 border=\"1\">

<td width=30><font size=\"-10\">NIK</font></td>

<td width=177><font size=\"-10\">Nama</font></td>

<td width=177><font size=\"-10\">Tempat Lahir</font></td>

<td width=177><font size=\"-10\">Tanggal Lahir</font></td>

<td width=177><font size=\"-10\">Status</font></td>

<td width=177><font size=\"-10\">Agama</font></td>

<td width=177><font size=\"-10\">Alamat</font></td>

<td width=177><font size=\"-10\">Telepon</font></td>

<td width=177><font size=\"-10\">Pendidikan</font></td>

</tr>";

$no=1;

while ($arrprof = mysql_fetch_array($result)) { //fetch the result

from query into an array

$isi .= "<tr>

<td><font size=\"-10\">$arrprof[nik]</font></td>

117

<td><font size=\"-10\">$arrprof[nama]</font></td>

<td><font size=\"-10\">$arrprof[tempat_lahir]</font></td>

<td><font size=\"-10\">$arrprof[tanggal_lahir]</font></td>

<td><font size=\"-10\">$arrprof[status]</font></td>

<td><font size=\"-10\">$arrprof[agama]</font></td>

<td><font size=\"-10\">$arrprof[alamat]</font></td>

<td><font size=\"-10\">$arrprof[telepon]</font></td>

<td><font size=\"-10\">$arrprof[pendidikan]</font></td>

</tr>

";

$no++;

}

$isi .="</table>";

?>

29. Daftar pencari kerja

<?php

include"config.php";

$query1= "SELECT * FROM tb_warga";

$jalanquery1=mysql_query($query1);

$isi ="

<table width=10 border=\"1\">

<h1 align=\"center\">Data Registrasi Pencari Kerja</h1>

<h3 align=\"center\">untuk menambah data baru, silahkan klik <a

href=\"index.php?katmenu=menu&amp;menu=registrasi_warga\">disini</a

></h3>

<tr width=100>

<td width=20><font size=\"-10\">Keterangan</font></td>

<td width=10><font size=\"-10\">NIK</font></td>

<td width=20><font size=\"-10\">Nama</font></td>

<td width=30><font size=\"-10\">Tempat Lahir</font></td>

<td width=10><font size=\"-10\">Tanggal Lahir</font></td>

<td width=20><font size=\"-10\">Agama</font></td>

118

<td width=10><font size=\"-10\">Jenis Kelamin</font></td>

<td width=40><font size=\"-10\">Alamat</font></td>

</tr>";

while($arrprof=mysql_fetch_array($jalanquery1)){

$isi .="

<tr>

<td><font size=\"-10\"><a

href=\"index.php?katmenu=menu&menu=edit_warga&nik=$arrprof[nik]\">e

dit</a> | <a

href=\"index.php?katmenu=menu&menu=delete_warga&nik=$arrprof[nik]\"

> delete</a>

<td><font size=\"-10\">$arrprof[nik]</font></td>

<td><font size=\"-10\">$arrprof[nama]</font></td>

<td><font size=\"-10\">$arrprof[tempat_lahir]</font></td>

<td><font size=\"-10\">$arrprof[tanggal_lahir]</font></td>

<td><font size=\"-10\">$arrprof[agama]</font></td>

<td><font size=\"-10\">$arrprof[jenis_kelamin]</font></td>

<td><font size=\"-10\">$arrprof[alamat]</font></td>

</font></td></tr>";

}

$isi .="</table>";

?>

30. Edit pencari kerja

<?php

include 'config.php';

global $nik;

$nik=$_GET['nik'];

$query= mysql_query ("SELECT * FROM tb_warga WHERE nik='$nik' LIMIT

1 ");

//echo $query;

$dataku=mysql_fetch_object($query);

$isi ="

<div class=\"post\">

119

<div class=\"content\">

<form name=\"form1\" method=\"post\"

action=\"index.php?katmenu=menu&amp;menu=proses_edit_warga&nik=$nik

\">

<table width='52%' border='2' align='center' cellpadding='2'

cellspacing='2'>

<caption>

<strong>FORM EDIT DATA PENCARI KERJA </strong>

</caption>

<tr>

<td width=\"17%\">Nomor Kartu Tanda Penduduk (NIK) </td>

<td width=\"2%\">:</td>

<td width=\"51%\"><input name=\"nik\" type=\"text\"

id=\&quot;judul\&quot; value='$dataku->nik' readonly=\"\"

size=\"45\" maxlength=\"16\"></td>

</tr>

<tr>

<td width=\"17%\">Nama</td>

<td width=\"2%\">:</td>

<td width=\"51%\"><input name=\"nama\" type=\"text\"

id=\&quot;judul\&quot; value='$dataku->nama' readonly=\"\"

size=\"45\" maxlength=\"30\"></td>

</tr>

<tr>

<td width=\"17%\">Tempat Lahir</td>

<td width=\"2%\">:</td>

<td width=366><input name=\"tempat_lahir\" type=\"text\"

id=\&quot;id\&quot; value='$dataku->tempat_lahir' readonly=\"\"

size=\"45\" maxlength=\"20\"></td>

</tr>

<tr>

<td width=\"17%\">Tanggal Lahir</td>

<td width=\"2%\">:</td>

<<td width=366><input name=\"tanggal_lahir\"

type=\"text\" id=\&quot;id\&quot; value='$dataku->tanggal_lahir'

120

readonly=\"\" size=\"45\"

maxlength=\"20\"placeholder=\"Tahun/Bulan/Tanggal

ex:(1991/04/08)\"></td>

</tr>

<tr>

<td width=\"17%\">Agama</td>

<td width=\"2%\">:</td>

<td><input name=\"agama\" type=\"radio\" value=\"Islam\"

checked />

Islam

<input name=\"agama\" type=\"radio\" value=\"Katolik\" />

Katolik

<input name=\"agama\" type=\"radio\" value=\"Protestan\" />

Protestan

<input name=\"agama\" type=\"radio\" value=\">Hindu\" />

Hindu

<input name=\"agama\" type=\"radio\" value=\">Budha\" />

Budha

</td>

</tr>

<tr>

<td>Jenis Kelamin</td>

<td>:</td>

<td><input name=\"jenis_kelamin\" type=\"radio\"

value=\"Laki-Laki\" checked />

Laki-laki

<input name=\"jenis_kelamin\" type=\"radio\"

value=\"Perempuan\" />

Perempuan </td>

</tr>

<tr>

<td width=\"17%\">Alamat</td>

121

<td width=\"2%\">:</td>

<td width=366><input name=\"alamat\" type=\"text\"

id=\&quot;id\&quot; value='$dataku->alamat' readonly=\"\"

size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td>Telepon</td>

<td>:</td>

<td><input name=\"telepon\" type=\"text\" id=\&quot;id\&quot;

value='$dataku->telepon' readonly=\"\" size=\"45\"

maxlength=\"12\"></td>

</tr>

<tr>

<td>Email</td>

<td>:</td>

<td><input name=\"email\" type=\"text\" id=\&quot;id\&quot;

value='$dataku->email' readonly=\"\" size=\"45\"

maxlength=\"45\"></td>

</tr>

<tr>

<td>Status Perkawinan</td>

<td>:</td>

<td><input name=\"status\" type=\"radio\"

value=\"Kawin\" checked />

Kawin

<input name=\"status\" type=\"radio\" value=\"Belum

Kawin\" />

Belum Kawin </td>

</tr>

<tr>

<td width=\"17%\">Pendidikan Formal Tertinggi</td>

<td width=\"2%\">:</td>

<td><input name=\"pendidikan\" type=\"radio\" value=\"SD\"

checked />

122

SD

<input name=\"pendidikan\" type=\"radio\" value=\"SMP\" />

SMP

<input name=\"pendidikan\" type=\"radio\" value=\"SMA\" />

SMA

<input name=\"pendidikan\" type=\"radio\" value=\"D3\" />

D3

<input name=\"pendidikan\" type=\"radio\" value=\"SARJANA\"

/>

SARJANA

</td>

</tr>

<tr>

<td width=\"17%\">Jurusan</td>

<td width=\"2%\">:</td>

<td width=366><input type name=\"jurusan\"

id=\&quot;id\&quot; value='$dataku->jurusan' readonly=\"\"

size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td width=\"17%\">NEM atau IPK</td>

<td width=\"2%\">:</td>

<td width=366><input type name=\"nem_ipk\"

id=\&quot;id\&quot; value='$dataku->nem_ipk' readonly=\"\"

size=\"45\" maxlength=\"10\"></td>

</tr>

<tr>

<td width=\"17%\">Tahun Kelulusan</td>

<td width=\"2%\">:</td>

<td width=366><input type name=\"lulus\" id=\&quot;id\&quot;

value='$dataku->lulus' readonly=\"\" size=\"45\"

maxlength=\"4\"></td>

</tr>

123

<tr>

<td width=\"17%\">Pendidikan Non Formal</td>

<td width=\"2%\">:</td>

<td width=366><input type name=\"keterampilan\"

id=\&quot;id\&quot; value='$dataku->keterampilan' readonly=\"\"

size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td width=\"17%\">Pengalaman Kerja</td>

<td width=\"2%\">:</td>

<td width=366><input type name=\"pengalaman_kerja\"

id=\&quot;id\&quot; value='$dataku->pengalaman_kerja' readonly=\"\"

size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td width=\"17%\">Penempatan Lokasi Kerja</td>

<td width=10>:</td>

<td width=366><input type name=\"lokasi_kerja\"

id=\&quot;id\&quot; value='$dataku->lokasi_kerja' readonly=\"\"

size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td>Photo</td>

<td>:</td>

<td><input type=\"file\" name=\"photo\"

id=\"photo\"></td>

</tr>

<tr>

<td width=\"17%\">Username</td>

<td width=10>:</td>

<td width=366><input name=\"username\" type=\"text\"

id=\&quot;judul\&quot; value=''$dataku->username' readonly=\"\"'

size=\"45\"></td>

</tr>

124

<tr>

<td width=\"17%\">Password</td>

<td width=10>:</td>

<td width=366><input name=\"password\" type=\"password\"

id=\&quot;judul\&quot; value='' size=\"45\"></td>

</tr>

<tr>

<td><input type='submit' name='button' id='button'

value='Edit' />

</tr>

</table>

</form></div></div>

";

?>

31. Proses edit warga

<?php

extract($_GET);

extract($_POST);

include "config.php";

//global

$nik,$nama,$tempat_lahir,$tanggal_lahir,$alamat,$jenis_kelamin,$tel

epon,$email,$status,$pendidikan,$jurusan,$nem_ipk,$lulus,$keterampi

lan,$pengalaman_kerja,$lokasi_kerja,$agama,$photo,$username,$passwo

rd;

//$nik=$_GET['nik'];

$nik=$_GET['nik'];

$query= "UPDATE tb_warga SET

nik='$nik',nama='$nama',tempat_lahir='$tempat_lahir',tanggal_lahir=

'$tanggal_lahir',alamat='$alamat',jenis_kelamin='$jenis_kelamin',te

lepon='$telepon',email='$email',status='$status',pendidikan='$pendi

dikan',jurusan='$jurusan',nem_ipk='$nem_ipk',lulus='$lulus',keteram

pilan='$keterampilan',pengalaman_kerja='$pengalaman_kerja',lokasi_k

erja='$lokasi_kerja',agama='$agama',photo='$photo',username='$usern

ame',password='$password' WHERE nik=$nik ";

//echo $query;

$jalanquery=mysql_query($query);

125

//$dataku=mysql_fetch_array($jalanquery);

$isi ="<h2><center><strong>\"terima kasih, biodata warga telah di

edit\"</strong></center></h2>";

?>

32. Delete warga

<?php

include"config.php";

$nik=$_GET['nik'];

$hapus="DELETE FROM tb_warga WHERE nik='$nik'";

$hasil=mysql_query($hapus);

$isi ="<font size=\"+1\">Terima kasih, biodata Pencari Kerja

Berhasil Dihapus</font><br /><br /><br />";

?>

33. Tambah pencari kerja

<?php

$isi = "

<div class=\"post\">

<div class=\"header\">

<h1>REGISTRASI KARTU PENCARI KERJA

BARU</h1>

</div>

<div class=\"content\">

<form name=\"form1\" method=\"post\"

action=\"index.php?katmenu=menu&amp;menu=simpan_data_warga\">

<table width=\"600\" border=\"0\" cellpadding=\"4\"

cellspacing=\"4\">

<tr>

<td width=\"17%\">Nomor Kartu Tanda Penduduk (NIK) </td>

<td width=\"2%\">:</td>

<td width=\"51%\"><input name=\"nik\" type=\"text\"

id=\&quot;judul\&quot; value='' size=\"45\" maxlength=\"16\"></td>

</tr>

<tr>

126

<td width=\"17%\">Nama</td>

<td width=\"2%\">:</td>

<td width=\"51%\"><input name=\"nama\" type=\"text\"

id=\&quot;judul\&quot; value='' size=\"45\" maxlength=\"30\"></td>

</tr>

<tr>

<td width=\"17%\">Tempat Lahir</td>

<td width=\"2%\">:</td>

<td width=366><input name=\"tempat_lahir\" type=\"text\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"20\"></td>

</tr>

<tr>

<td width=\"17%\">Tanggal Lahir</td>

<td width=\"2%\">:</td>

<td width=366><input name=\"tanggal_lahir\" type=\"text\"

id=\&quot;id\&quot; value=\"\" size=\"45\"

maxlength=\"20\"placeholder=\"Tahun/Bulan/Tanggal

ex:(1991/04/08)\"></td>

</tr>

<tr>

<td width=\"17%\">Agama</td>

<td width=\"2%\">:</td>

<td><input name=\"agama\" type=\"radio\" value=\"Islam\" />

Islam

<input name=\"agama\" type=\"radio\" value=\"Katolik\" />

Katolik

<input name=\"agama\" type=\"radio\" value=\"Protestan\" />

Protestan

<input name=\"agama\" type=\"radio\" value=\">Hindu\" />

Hindu

<input name=\"agama\" type=\"radio\" value=\">Budha\" />

Budha

127

</td>

</tr>

<tr>

<td>Jenis Kelamin</td>

<td>:</td>

<td><input name=\"jenis_kelamin\" type=\"radio\"

value=\"Laki-Laki\">

Laki-laki

<input name=\"jenis_kelamin\" type=\"radio\"

value=\"Perempuan\">

Perempuan </td>

</tr>

<tr>

<td width=\"17%\">Alamat</td>

<td width=\"2%\">:</td>

<td width=366><input name=\"alamat\" type=\"text\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td>Telepon</td>

<td>:</td>

<td><input name=\"telepon\" type=\"text\" id=\&quot;id\&quot;

value=\"\" size=\"45\" maxlength=\"12\"></td>

</tr>

<tr>

<td>Email</td>

<td>:</td>

<td><input name=\"email\" type=\"text\" id=\&quot;id\&quot;

value=\"\" size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td>Status Perkawinan</td>

128

<td>:</td>

<td><input name=\"status\" type=\"radio\"

value=\"Kawin\">

Kawin

<input name=\"status\" type=\"radio\" value=\"Belum

Kawin\">

Belum Kawin </td>

</tr>

<tr>

<td width=\"17%\">Pendidikan Tertinggi</td>

<td width=\"2%\">:</td>

<td><input name=\"pendidikan\" type=\"radio\" value=\"SD\" />

SD

<input name=\"pendidikan\" type=\"radio\" value=\"SMP\" />

SMP

<input name=\"pendidikan\" type=\"radio\" value=\"SMA\" />

SMA

<input name=\"pendidikan\" type=\"radio\" value=\"D3\" />

D3

<input name=\"pendidikan\" type=\"radio\" value=\"SARJANA\"

/>

SARJANA

</td>

</tr>

<tr>

<td width=\"17%\">Jurusan</td>

<td width=\"2%\">:</td>

<td width=366><input type name=\"jurusan\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td width=\"17%\">NEM atau IPK</td>

129

<td width=\"2%\">:</td>

<td width=366><input type name=\"nem_ipk\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"10\"></td>

</tr>

<tr>

<td width=\"17%\">Keterampilan</td>

<td width=\"2%\">:</td>

<td width=366><input type name=\"keterampilan\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td width=\"17%\">Pengalaman Kerja</td>

<td width=\"2%\">:</td>

<td width=366><input type name=\"pengalaman_kerja\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td width=\"17%\">Bahasa Yang Dikuasai</td>

<td width=\"2%\">:</td>

<td><input name=\"bahasa\" type=\"radio\" value=\"Indonesia\"

/>

Indonesia

<input name=\"bahasa\" type=\"radio\" value=\"Inggris\" />

Inggris

<input name=\"bahasa\" type=\"radio\" value=\"Lainnya\" />

Lainnya

<input type name=\"bahasa\" placeholder=\"Tuliskan!\"

id=\&quot;id\&quot; value=\"\" size=\"12\" maxlength=\"10\"></td>

</tr>

<tr>

<td width=\"17%\">Penempatan Lokasi Kerja</td>

<td width=10>:</td>

130

<td width=366><input type name=\"lokasi_kerja\"

id=\&quot;id\&quot; value=\"\" size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td>Photo</td>

<td>:</td>

<td><input type=\"file\" name=\"photo\"

id=\"photo\"></td>

</tr>

<tr>

<td width=\"17%\">Username</td>

<td width=10>:</td>

<td width=366><input name=\"username\" type=\"text\"

id=\&quot;judul\&quot; value='' size=\"45\"></td>

</tr>

<tr>

<td width=\"17%\">Password</td>

<td width=10>:</td>

<td width=366><input name=\"password\" type=\"password\"

id=\&quot;judul\&quot; value='' size=\"45\"></td>

</tr>

</tr>

<td width=67></td>

<td width=4>&nbsp;</td>

<td width=230><em>

<input type='submit' value='register' />

<input name=\"reset\" type='reset' value='reset' />

</em></td>

</tr>

</table>

</form></div>

</div>

131

";

?>

34. Simpan pencari kerja

<?php

extract($_GET);

extract($_POST);

include "config.php";

$nik=$_POST['nik'];

$nama=$_POST['nama'];

$tempat_lahir=$_POST['tempat_lahir'];

$tanggal_lahir = $_POST['tanggal_lahir'];

$alamat=$_POST['alamat'];

$jenis_kelamin=$_POST['jenis_kelamin'];

$telepon=$_POST['telepon'];

$email=$_POST['email'];

$status=$_POST['status'];

$pendidikan=$_POST['pendidikan'];

$jurusan=$_POST['jurusan'];

$nem_ipk=$_POST['nem_ipk'];

$keterampilan=$_POST['keterampilan'];

$pengalaman_kerja=$_POST['pengalaman_kerja'];

$lulus=$_POST['lulus'];

$lokasi_kerja=$_POST['lokasi_kerja'];

$agama=$_POST['agama'];

$username=$_POST['username'];

$password=$_POST['password'];

if (empty($nik))

{

die("Isikan NIK!");

}

elseif(empty($nama))

132

{

die("Isikan Nama!");

}

else

{

$cekdata="select nik from tb_warga where nik='$nik'";

$ada=mysql_query($cekdata) or die(mysql_error());

if(mysql_num_rows($ada)>0)

{ die("NIK telah Terdaftar!"); }

else

{

if (!empty($_FILES["photo"]["tmp_name"]))

{

$namafolder="photo/"; //tempat menyimpan file

$jenis_gambar=$_FILES['photo']['type'];

if($jenis_gambar=="image/jpeg" ||

$jenis_gambar=="image/jpg" || $jenis_gambar=="image/gif" ||

$jenis_gambar=="image/png")

{

$photo = $namafolder .

basename($_FILES['photo']['name']);

if

(!move_uploaded_file($_FILES['photo']['tmp_name'], $photo))

{

die("Gambar gagal dikirim");

}

}

else { die("Jenis gambar yang anda kirim salah.

Harus .jpg .gif .png"); }

} //end if cek file upload

133

mysql_query("insert into

tb_warga(nik,nama,tempat_lahir,tanggal_lahir,alamat,jenis_kelamin,t

elepon,email,status,pendidikan,jurusan,nem_ipk,lulus,keterampilan,p

engalaman_kerja,lokasi_kerja,agama,photo,username,password) " .

"values('$nik','$nama','$tempat_lahir','$tanggal_lahir','$alama

t','$jenis_kelamin','$telepon','$email','$status','$pendidikan','$j

urusan','$nem_ipk','$lulus','$keterampilan','$pengalaman_kerja','$l

okasi_kerja','$agama','$photo','$username','$password')") or

die(mysql_error());

$isi = "terima kasih, form registrasi anda telah dikirim<br></a>";

}

}

?>

35. Suara pencari kerja

<?php

include"config.php";

$query1= "SELECT * FROM tb_suarawarga";

$jalanquery1=mysql_query($query1);

$isi ="

<table width=500 border=\"1\">

<h1 align=\"center\">Suara Warga</h1>

<tr width=100>

<td width=20><font size=\"-10\">Keterangan</font></td>

<td width=30><font size=\"-10\">Nama</font></td>

<td width=100><font size=\"-10\">Email</font></td>

<td width=100><font size=\"-10\">Pesan</font></td>

</tr>";

while($arrprof=mysql_fetch_array($jalanquery1)){

$isi .="

<tr>

<td><font size=\"-10\"><a

href=\"index.php?katmenu=menu&menu=delete_suarawarga&nama=$arrprof[

nama]\">delete</a>

<td><font size=\"-10\">$arrprof[Nama]</font></td>

<td><font size=\"-10\">$arrprof[Email]</font></td>

134

<td><font size=\"-10\">$arrprof[Pesan]</font></td>

</font></td></tr>";

}

$isi .="</table>";

?>

36. Delete suara warga

<?php

include"config.php";

$nama=$_GET['nama'];

$hapus="DELETE FROM tb_suarawarga WHERE nama='$nama'";

$hasil=mysql_query($hapus);

$isi ="<font size=\"+1\">Terima kasih, biodata Pencari Kerja

Berhasil Dihapus</font><br /><br /><br />";

?>

37. Logout admin

<?php

session_start();

//periksa apakah user telah login atau memiliki session

if(!isset($_SESSION['user']) || !isset($_SESSION['passwd'])) {

echo"<meta http-equiv=\"refresh\" content=\"0

URL=\"index.php\"/>";

?>

<?php

} else {

unset($_SESSION);

session_destroy();

echo"<meta http-equiv=\"refresh\" content=\"0

URL=../index.php\"/>";

}

?>

135

38. Halaman index pegawai

<?php

session_start();

//periksa apakah user telah login atau memiliki session

if(!isset($_SESSION['user']) || !isset($_SESSION['passwd'])) {

?>

<script language='javascript'>alert('Anda belum login.

Silahkan login dulu');

document.location='echo"<meta http-equiv=\"refresh\"

content=\"0 URL=../index.php\"/>'</script>

<?php

} else {

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<!-- Recommended XHTML-Editor: HTML-Kit 292 (Freeware) -->

<!-- http://www.chami.com/html-kit/download/ -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-

8859-1" />

<meta name="description" content="Your description goes here" />

<meta name="keywords" content="your,keywords,goes,here" />

<meta name="author" content="Your Name or Company / Template

design: G. Wolfgang / June 8, 2006 / Email: gw@actamail.com / Check

my favorite website: www.sda.org" />

<link rel="stylesheet" type="text/css" media="screen,projection"

href="../css/style_screen.css" />

<link rel="stylesheet" type="text/css" media="print"

href="../css/style_print.css" />

<script type="text/javascript"

src="../js/matching_columns.js"></script>

<title>Sistem Pelayanan Kartu Kuning Online</title>

<script language="JavaScript"> var txt=".::Halaman Pegawai::.";

var kecepatan=100;var segarkan=null;function bergerak() {

136

document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </script>

<link href="../images/icon.ico" rel="SHORTCUT ICON"/>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link rel="stylesheet" type="text/css" href="../default.css" />

<style type="text/css">

<!--

body {

background-color: #FFFFFF;

background-image: url();

}

body,td,th {

color: #CC0000;

}

-->

</style></head>

<body>

<?php

extract($_GET);

extract($_POST);

global $katmenu, $menu;

switch($katmenu){

case "menu":

include"$menu.php";

break;

default:

include"home.php";

break;

}

?>

137

<div class="page-container-1">

<!-- HEADER -->

<!-- Flag navigations -->

<!-- Navigation Level 1 -->

<!-- Sitename --><!-- Site slogan -->

<!-- Header banner -->

<div><img src="../img/Capture.PNG" alt="12" width="771"

height="209" /></div>

<!-- Navigation Level 2 -->

<div class="nav2" align="right">

<ul>

<li><a href="index.php">Halaman Utama</a> </td></li>

<li><a

href="index.php?katmenu=menu&amp;menu=biodataPencariKerja">Daftar

Pencari Kerja</a></li>

<li><a

href="index.php?katmenu=menu&amp;menu=PencarianData">Pencarian</a><

/li>

<li><a

href="index.php?katmenu=menu&amp;menu=profil">Profil

Pegawai</a></li>

<li><a

href="index.php?katmenu=menu&amp;menu=suarawarga">Suara

Warga</a></li>

<li><a href="logout.php">logout</a>

</ul>

</div>

<!-- Buffer after header -->

<div class="buffer">

<table width="770" border="0" cellspacing="5"

cellpadding="0">

<tr>

<td><marquee>"MARI SUKSESKAN PROGRAM KARTU KUNING

ONLINE"<marquee></td>

</tr>

138

</table>

</div>

<!-- NAVIGATION -->

<!-- Navigation Level 3 -->

<!-- CONTENT -->

<div class="content1">

<!-- Page title -->

<!-- Text container -->

<div class="content1-container line-box">

<div class="content1-container-1col">

<p class="content-title-noshade-size5">

<?php

echo "$isi";

?>

</p>

<div class="content-txtbox-noshade">

<p>&nbsp;</p>

</div>

</div>

</div>

<!-- Text container -->

<!-- Text container --><!-- Text container -->

</div>

<!-- SIDEBAR -->

<div class="sidebar">

<!-- Main Title -->

<p class="sidebar-maintitle">Informasi publik</p>

<!-- Textbox -->

<p class="sidebar-title-noshade">Pekerja Outsourcing dan

Pekerja Kontra Berhak Mendapat THR</p>

139

<div class="sidebar-txtbox-noshade">

Menteri Tenaga Kerja dan Transmigrasi Muhaimin Iskandar

menegaskan... <a

href="../index.php?katmenu=menu&amp;menu=muhaimin">Read

More</a>.</div>

<!-- Textbox -->

<p class="sidebar-title-noshade">19 Gubernur dan 8

Bupati/Walikota Mendukung Program Transmigrasi</p>

<div class="sidebar-txtbox-noshade">

<p>Dukungan dan perhatian Pemerintah Daerah (Pemda) dalam

penyelenggaraan transmigrasi...<a

href="../index.php?katmenu=menu&amp;menu=transmigrasi">Read

More</a></p>

</div>

<!-- Textbox -->

<p class="sidebar-title-noshade">Mandegnya Manajemen

Partisipasi Masyarakat</p>

<div class="sidebar-txtbox-noshade">

<p><strong>PARTISIPASI</strong> masyarakat dalam

pembangunan secara langsung..<a

href="../index.php?katmenu=menu&amp;menu=mandegnyamanajemen">Read

More</a></p>

</div>

<!-- Main Title-->

<p class="sidebar-maintitle"><strong><center><?php echo

$_SESSION['user'] ?></p>

<!-- Textbox -->

<img src="../img/pegawai.jpg" alt="" width="157"

height="187" /></div>

<!-- FOOTER -->

<div class="footer">

140

<p><b>Copyright@2013| Depnakertrans Kabupaten Brebes | Telp.

(0283) 6177495</b></p>

</div>

</div>

</body>

</html>

<?php

}

?>

39. Home pegawai

<?php

$isi="

<div class=\"post\">

<div class=\"header\">

<h3 align=\"center\">SELAMAT DATANG DI

HALAMAN PEGAWAI</h3>

</div>

<div class=\"content\" align=\"justify\">

Halaman pegawai adalah webpage yang berguna bagi pegawai untuk

melihat data-data yang telah diinputkan oleh warga. pegawai akan

mengolah data tersebut, sehingga nantinya pencaker akan mendapatkan

Kartu Tanda Pencari Kerja (AK/I) baru yang telah dicetak oleh

admin. Manfaatkan fasilitas ini dengan baik, layani masyarakat

dengan sebaik mungkin. Ingat selalu dengan prinsip kerja 3 S

(Senyum, Sapa, Salam) :

<p align=\"center\"><img src=\"images/3s.jpg\"/ width= '100%'

height='400'></p>

<br><br>

Informasi Kontak

<br>

<h1><font face=\"Courier New, Courier, monospace\">Dinas Sosial

Tenaga Kerja dan Transmigrasi <br> Kabupaten Brebes <br> Jalan

Pangeran Diponegoro No 150 <br> Brebes, Jawa Tengah <br> Telp.

(0283) 671322 Fax (0283) 671322</font></h1>

</div>

</div>";

141

?>

40. Profil pegawai

<?php

//session_start();

//periksa apakah user telah login atau memiliki session

if(!isset($_SESSION['user']) || !isset($_SESSION['passwd'])) {

?>

<script language='javascript'>alert('Anda belum login.

Silahkan login dulu');

document.location='echo"<meta http-equiv=\"refresh\"

content=\"0 URL=../index.php\"/>'</script>

<?php

} else {

?>

<?php

include"config.php";

global $usercek, $passcek;

$usercek = $_SESSION['user'];

$passcek = $_SESSION['passwd'];

$query1= "SELECT * FROM tb_pegawai WHERE username='$usercek' &&

password='$passcek'";

$jalanquery1=mysql_query($query1);

while($arrprof=mysql_fetch_array($jalanquery1)){

$isi ="

<form action=\"cetak.php\">

<table width=\"100%\" border=\"1\" cellpadding=\"4\"

cellspacing=\"4\">

<tr>

<td width=\"17%\">NIP </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[NIP_pegawai]</td>

</tr>

142

<tr>

<td width=\"17%\">Username</td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[username]</td>

</tr>

<tr>

<td width=\"17%\">Password</td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[password]</td>

</tr>

<tr>

<td width=\"17%\">Nama</td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[Nama_pegawai]</td>

</tr>

<tr>

<td width=\"17%\">Alamat</td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[Alamat_pegawai]</td>

</tr>

<tr>

<td width=\"17%\">Jabatan</td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[Jabatan_pegawai]</td>

</tr>

<tr>

<td width=\"17%\"></td>

<td width=\"2%\"></td>

<td width=\"51%\">

143

<a

href=\"index.php?katmenu=menu&menu=edit_pegawai&NIP_pegawai=$arrpro

f[NIP_pegawai]\">edit</a></a></td>

</tr>

</table></form>";}

?>

<?php

}

?>

41. Halaman index pencari kerja

<?php

session_start();

//periksa apakah user telah login atau memiliki session

if(!isset($_SESSION['user']) || !isset($_SESSION['passwd'])) {

?>

<script language='javascript'>alert('Anda belum login.

Silahkan login dulu');

document.location='echo"<meta http-equiv=\"refresh\"

content=\"0 URL=../index.php\"/>'</script>

<?php

} else {

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<!-- Recommended XHTML-Editor: HTML-Kit 292 (Freeware) -->

<!-- http://www.chami.com/html-kit/download/ -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-

8859-1" />

<meta name="description" content="Your description goes here" />

<meta name="keywords" content="your,keywords,goes,here" />

144

<meta name="author" content="Your Name or Company / Template

design: G. Wolfgang / June 8, 2006 / Email: gw@actamail.com / Check

my favorite website: www.sda.org" />

<link rel="stylesheet" type="text/css" media="screen,projection"

href="../css/style_screen.css" />

<link rel="stylesheet" type="text/css" media="print"

href="../css/style_print.css" />

<script type="text/javascript"

src="../js/matching_columns.js"></script>

<title>Sistem Pelayanan Kartu Kuning Online</title>

<script language="JavaScript"> var txt=".::Halaman Pencari

Kerja::."; var kecepatan=100;var segarkan=null;function bergerak()

{ document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </script>

<link href="../images/icon.ico" rel="SHORTCUT ICON"/>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link rel="stylesheet" type="text/css" href="../default.css" />

<style type="text/css">

<!--

body {

background-color: #FFFFFF;

background-image: url();

}

body,td,th {

color: #CC0000;

}

-->

</style></head>

<body>

<?php

extract($_GET);

extract($_POST);

145

global $katmenu, $menu;

switch($katmenu){

case "menu":

include"$menu.php";

break;

default:

include"home.php";

break;

}

?>

<div class="page-container-1">

<!-- HEADER -->

<!-- Flag navigations -->

<!-- Navigation Level 1 -->

<!-- Sitename --><!-- Site slogan -->

<!-- Header banner -->

<div><img src="../img/Capture.PNG" alt="12" width="771"

height="209" /></div>

<!-- Navigation Level 2 -->

<div class="nav2" align="right">

<ul>

<li><a href="../Logwarga/index.php">Halaman Utama</a>

</td></li>

<li><a

href="../Logwarga/index.php?katmenu=menu&amp;menu=edit_warga">Updat

e Data Diri</a></li>

<li><a

href="../Logwarga/index.php?katmenu=menu&amp;menu=profile">Data

Diri</a></li>

<li><a href="../Logwarga/logout.php">logout</a></li>

</ul>

</div>

<!-- Buffer after header -->

146

<div class="buffer">

<table width="770" border="0" cellspacing="5"

cellpadding="0">

<tr>

<td><marquee>"MARI SUKSESKAN PROGRAM KARTU KUNING

ONLINE"<marquee></td>

</tr>

</table>

</div>

<!-- NAVIGATION -->

<!-- Navigation Level 3 -->

<!-- CONTENT -->

<div class="content1">

<!-- Page title -->

<!-- Text container -->

<div class="content1-container line-box">

<div class="content1-container-1col">

<p class="content-title-noshade-size5">

<?php

echo "$isi";

?>

</p>

<div class="content-txtbox-noshade">

<p>&nbsp;</p>

</div>

</div>

</div>

<!-- Text container -->

<!-- Text container --><!-- Text container -->

</div>

147

<!-- SIDEBAR -->

<div class="sidebar">

<!-- Main Title -->

<p class="sidebar-maintitle">Informasi publik</p>

<!-- Textbox -->

<p class="sidebar-title-noshade">Pekerja Outsourcing dan

Pekerja Kontra Berhak Mendapat THR</p>

<div class="sidebar-txtbox-noshade">

Menteri Tenaga Kerja dan Transmigrasi Muhaimin Iskandar

menegaskan... <a

href="../index.php?katmenu=menu&amp;menu=muhaimin">Read

More</a>.</div>

<!-- Textbox -->

<p class="sidebar-title-noshade">19 Gubernur dan 8

Bupati/Walikota Mendukung Program Transmigrasi</p>

<div class="sidebar-txtbox-noshade">

<p>Dukungan dan perhatian Pemerintah Daerah (Pemda) dalam

penyelenggaraan transmigrasi...<a

href="../index.php?katmenu=menu&amp;menu=transmigrasi">Read

More</a></p>

</div>

<!-- Textbox -->

<p class="sidebar-title-noshade">Mandegnya Manajemen

Partisipasi Masyarakat</p>

<div class="sidebar-txtbox-noshade">

<p><strong>PARTISIPASI</strong> masyarakat dalam

pembangunan secara langsung..<a

href="../index.php?katmenu=menu&amp;menu=mandegnyamanajemen">Read

More</a></p>

</div>

<!-- Main Title-->

<p class="sidebar-maintitle"><strong><center><?php echo

$_SESSION['user'] ?></p>

<!-- Textbox -->

148

<img src="../img/pekerja.jpg" alt="" width="157"

height="187" /></div>

<!-- FOOTER -->

<div class="footer">

<p><b>Copyright@2013| Depnakertrans Kabupaten Brebes | Telp.

(0283) 6177495</b></p>

</div>

</div>

</body>

</html>

<?php

}

?>

42. Home pencari kerja

<?php

$isi="

<div class=\"post\">

<div class=\"header\">

<h3 align=\"center\">SELAMAT DATANG DI

HALAMAN WARGA</h3>

</div>

<div class=\"content\" align=\"justify\">

Manfaatkan fasilitas yang ada dihalaman ini dengan cara yang baik

dan benar agar dkemudian hari tidak terjadi kesalahan yang tidak

diinginkan. Apabila terdapat permasalahan dengan sistem ini

silahkan hubungi Dinas Sosial Tenaga Kerja dan Transmigrasi

Kabupaten Brebes di bawah ini:

<br>

<h1><font face=\"Courier New, Courier, monospace\">Dinas Sosial

Tenaga Kerja dan Transmigrasi <br> Kabupaten Brebes <br> Jalan

Pangeran Diponegoro No 150 <br> Brebes, Jawa Tengah <br> Telp.

(0283) 671322 Fax (0283) 671322</font></h1>

</div>

</div>";

149

?>

43. Profil pencari kerja

<?php

//session_start();

//periksa apakah user telah login atau memiliki session

if(!isset($_SESSION['user']) || !isset($_SESSION['passwd'])) {

?>

<script language='javascript'>alert('Anda belum login.

Silahkan login dulu');

document.location='echo"<meta http-equiv=\"refresh\"

content=\"0 URL=../index.php\"/>'</script>

<?php

} else {

?>

<?php

include"config.php";

global $usercek, $passcek;

$usercek = $_SESSION['user'];

$passcek = $_SESSION['passwd'];

$query1= "SELECT * FROM tb_warga WHERE username='$usercek' &&

password='$passcek'";

$jalanquery1=mysql_query($query1);

while($arrprof=mysql_fetch_array($jalanquery1)){

$isi ="

<h3 align=\"center\">Data Diri</h3>

<table width=\"100%\" border=\"1\" cellpadding=\"4\"

cellspacing=\"4\">

<tr>

<td width=\"17%\">Username </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[username]</td>

</tr>

150

<tr>

<td width=\"17%\">Password </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[password]</td>

</tr>

<tr>

<td width=\"17%\">NIK </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[nik]</td>

</tr>

<tr>

<td width=\"17%\">Nama </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[nama]</td>

</tr>

<tr>

<td width=\"17%\">Tempat Lahir </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[tempat_lahir]</td>

</tr>

<tr>

<td width=\"17%\">Tanggal Lahir </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[tanggal_lahir]</td>

</tr>

<tr>

<td width=\"17%\">Agama </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[agama]</td>

</tr>

151

<tr>

<td width=\"17%\">Jenis Kelamin </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[jenis_kelamin]</td>

</tr>

<tr>

<td width=\"17%\">Alamat </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[alamat]</td>

</tr>

<tr>

<td width=\"17%\">No Telepon </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[telepon]</td>

</tr>

<tr>

<td width=\"17%\">Email </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[email]</td>

</tr>

<tr>

<td width=\"17%\">Status Perkawinan </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[status]</td>

</tr>

<tr>

<td width=\"17%\">Pendidikan Formal Tertinggi </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[pendidikan]</td>

</tr>

152

<tr>

<td width=\"17%\">Jurusan </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[jurusan]</td>

</tr>

<tr>

<td width=\"17%\">NEM atau IPK </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[nem_ipk]</td>

</tr>

<tr>

<td width=\"17%\">Pendidikan Non Formal </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[keterampilan]</td>

</tr>

<tr>

<td width=\"17%\">Pengalaman Kerja </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[nik]</td>

</tr>

<tr>

<td width=\"17%\">Penempatan Lokasi Kerja </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[lokasi_kerja]</td>

</tr>

<tr>

<td width=\"17%\">Foto </td>

<td width=\"2%\">:</td>

<td width=\"51%\">$arrprof[photo]</td>

</tr>

153

</table>";}

?>

<?php

}

?>

44. Edit data diri pencari kerja

<?php

include 'config.php';

global $nik;

$nik=$_GET['nik'];

$query= mysql_query ("SELECT * FROM tb_warga WHERE nik='$nik' LIMIT

1 ");

//echo $query;

$dataku=mysql_fetch_object($query);

$isi ="

<div class=\"post\">

<div class=\"content\">

<form name=\"form1\" method=\"post\"

action=\"index.php?katmenu=menu&amp;menu=proses_edit_warga&nik=$nik

\">

<table width='52%' border='2' align='center' cellpadding='2'

cellspacing='2'>

<caption>

<strong>FORM EDIT DATA PENCARI KERJA </strong>

</caption>

<tr>

<td width=\"17%\">Nomor Kartu Tanda Penduduk (NIK) </td>

<td width=\"2%\">:</td>

<td width=\"51%\"><input name=\"nik\" type=\"text\"

id=\&quot;judul\&quot; value='$dataku->nik' readonly=\"\"

size=\"45\" maxlength=\"16\"></td>

</tr>

<tr>

154

<td width=\"17%\">Nama</td>

<td width=\"2%\">:</td>

<td width=\"51%\"><input name=\"nama\" type=\"text\"

id=\&quot;judul\&quot; value='$dataku->nama' readonly=\"\"

size=\"45\" maxlength=\"30\"></td>

</tr>

<tr>

<td width=\"17%\">Tempat Lahir</td>

<td width=\"2%\">:</td>

<td width=366><input name=\"tempat_lahir\" type=\"text\"

id=\&quot;id\&quot; value='$dataku->tempat_lahir' readonly=\"\"

size=\"45\" maxlength=\"20\"></td>

</tr>

<tr>

<td width=\"17%\">Tanggal Lahir</td>

<td width=\"2%\">:</td>

<<td width=366><input name=\"tanggal_lahir\"

type=\"text\" id=\&quot;id\&quot; value='$dataku->tanggal_lahir'

readonly=\"\" size=\"45\"

maxlength=\"20\"placeholder=\"Tahun/Bulan/Tanggal

ex:(1991/04/08)\"></td>

</tr>

<tr>

<td width=\"17%\">Agama</td>

<td width=\"2%\">:</td>

<td><input name=\"agama\" type=\"radio\" value=\"Islam\"

checked />

Islam

<input name=\"agama\" type=\"radio\" value=\"Katolik\" />

Katolik

<input name=\"agama\" type=\"radio\" value=\"Protestan\" />

Protestan

<input name=\"agama\" type=\"radio\" value=\">Hindu\" />

Hindu

155

<input name=\"agama\" type=\"radio\" value=\">Budha\" />

Budha

</td>

</tr>

<tr>

<td>Jenis Kelamin</td>

<td>:</td>

<td><input name=\"jenis_kelamin\" type=\"radio\"

value=\"Laki-Laki\" checked />

Laki-laki

<input name=\"jenis_kelamin\" type=\"radio\"

value=\"Perempuan\" />

Perempuan </td>

</tr>

<tr>

<td width=\"17%\">Alamat</td>

<td width=\"2%\">:</td>

<td width=366><input name=\"alamat\" type=\"text\"

id=\&quot;id\&quot; value='$dataku->alamat' readonly=\"\"

size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td>Telepon</td>

<td>:</td>

<td><input name=\"telepon\" type=\"text\" id=\&quot;id\&quot;

value='$dataku->telepon' readonly=\"\" size=\"45\"

maxlength=\"12\"></td>

</tr>

<tr>

<td>Email</td>

<td>:</td>

<td><input name=\"email\" type=\"text\" id=\&quot;id\&quot;

value='$dataku->email' readonly=\"\" size=\"45\"

maxlength=\"45\"></td>

156

</tr>

<tr>

<td>Status Perkawinan</td>

<td>:</td>

<td><input name=\"status\" type=\"radio\"

value=\"Kawin\" checked />

Kawin

<input name=\"status\" type=\"radio\" value=\"Belum

Kawin\" />

Belum Kawin </td>

</tr>

<tr>

<td width=\"17%\">Pendidikan Formal Tertinggi</td>

<td width=\"2%\">:</td>

<td><input name=\"pendidikan\" type=\"radio\" value=\"SD\"

checked />

SD

<input name=\"pendidikan\" type=\"radio\" value=\"SMP\" />

SMP

<input name=\"pendidikan\" type=\"radio\" value=\"SMA\" />

SMA

<input name=\"pendidikan\" type=\"radio\" value=\"D3\" />

D3

<input name=\"pendidikan\" type=\"radio\" value=\"SARJANA\"

/>

SARJANA

</td>

</tr>

<tr>

<td width=\"17%\">Jurusan</td>

<td width=\"2%\">:</td>

157

<td width=366><input type name=\"jurusan\"

id=\&quot;id\&quot; value='$dataku->jurusan' readonly=\"\"

size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td width=\"17%\">NEM atau IPK</td>

<td width=\"2%\">:</td>

<td width=366><input type name=\"nem_ipk\"

id=\&quot;id\&quot; value='$dataku->nem_ipk' readonly=\"\"

size=\"45\" maxlength=\"10\"></td>

</tr>

<tr>

<td width=\"17%\">Tahun Kelulusan</td>

<td width=\"2%\">:</td>

<td width=366><input type name=\"lulus\" id=\&quot;id\&quot;

value='$dataku->lulus' readonly=\"\" size=\"45\"

maxlength=\"4\"></td>

</tr>

<tr>

<td width=\"17%\">Pendidikan Non Formal</td>

<td width=\"2%\">:</td>

<td width=366><input type name=\"keterampilan\"

id=\&quot;id\&quot; value='$dataku->keterampilan' readonly=\"\"

size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td width=\"17%\">Pengalaman Kerja</td>

<td width=\"2%\">:</td>

<td width=366><input type name=\"pengalaman_kerja\"

id=\&quot;id\&quot; value='$dataku->pengalaman_kerja' readonly=\"\"

size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td width=\"17%\">Penempatan Lokasi Kerja</td>

<td width=10>:</td>

158

<td width=366><input type name=\"lokasi_kerja\"

id=\&quot;id\&quot; value='$dataku->lokasi_kerja' readonly=\"\"

size=\"45\" maxlength=\"45\"></td>

</tr>

<tr>

<td>Photo</td>

<td>:</td>

<td><input type=\"file\" name=\"photo\"

id=\"photo\"></td>

</tr>

<tr>

<td width=\"17%\">Username</td>

<td width=10>:</td>

<td width=366><input name=\"username\" type=\"text\"

id=\&quot;judul\&quot; value=''$dataku->username' readonly=\"\"'

size=\"45\"></td>

</tr>

<tr>

<td width=\"17%\">Password</td>

<td width=10>:</td>

<td width=366><input name=\"password\" type=\"password\"

id=\&quot;judul\&quot; value='' size=\"45\"></td>

</tr>

<tr>

<td><input type='submit' name='button' id='button'

value='Edit' />

</tr>

</table>

</form></div></div>

";

?>

45. Proses edit pencari kerja

<?php

extract($_GET);

159

extract($_POST);

include "config.php";

//global

$nik,$nama,$tempat_lahir,$tanggal_lahir,$alamat,$jenis_kelamin,$tel

epon,$email,$status,$pendidikan,$jurusan,$nem_ipk,$lulus,$keterampi

lan,$pengalaman_kerja,$lokasi_kerja,$agama,$photo,$username,$passwo

rd;

//$nik=$_GET['nik'];

$nik=$_GET['nik'];

$query= "UPDATE tb_warga SET

nik='$nik',nama='$nama',tempat_lahir='$tempat_lahir',tanggal_lahir=

'$tanggal_lahir',alamat='$alamat',jenis_kelamin='$jenis_kelamin',te

lepon='$telepon',email='$email',status='$status',pendidikan='$pendi

dikan',jurusan='$jurusan',nem_ipk='$nem_ipk',lulus='$lulus',keteram

pilan='$keterampilan',pengalaman_kerja='$pengalaman_kerja',lokasi_k

erja='$lokasi_kerja',agama='$agama',photo='$photo',username='$usern

ame',password='$password' WHERE nik=$nik ";

//echo $query;

$jalanquery=mysql_query($query);

//$dataku=mysql_fetch_array($jalanquery);

$isi ="<h2><center><strong>\"terima kasih, biodata warga telah di

edit\"</strong></center></h2>";

?>

46. Simpan data pencari kerja

<?php

extract($_GET);

extract($_POST);

include "config.php";

$nik=$_POST['nik'];

$nama=$_POST['nama'];

$tempat_lahir=$_POST['tempat_lahir'];

$tanggal_lahir = $_POST['tanggal_lahir'];

$alamat=$_POST['alamat'];

$jenis_kelamin=$_POST['jenis_kelamin'];

$telepon=$_POST['telepon'];

$email=$_POST['email'];

160

$status=$_POST['status'];

$pendidikan=$_POST['pendidikan'];

$jurusan=$_POST['jurusan'];

$nem_ipk=$_POST['nem_ipk'];

$keterampilan=$_POST['keterampilan'];

$pengalaman_kerja=$_POST['pengalaman_kerja'];

$lulus=$_POST['lulus'];

$lokasi_kerja=$_POST['lokasi_kerja'];

$agama=$_POST['agama'];

$username=$_POST['username'];

$password=$_POST['password'];

if (empty($nik))

{

die("Isikan NIK!");

}

elseif(empty($nama))

{

die("Isikan Nama!");

}

else

{

$cekdata="select nik from tb_warga where nik='$nik'";

$ada=mysql_query($cekdata) or die(mysql_error());

if(mysql_num_rows($ada)>0)

{ die("NIK telah Terdaftar!"); }

else

{

if (!empty($_FILES["photo"]["tmp_name"]))

{

$namafolder="photo/"; //tempat menyimpan file

161

$jenis_gambar=$_FILES['photo']['type'];

if($jenis_gambar=="image/jpeg" ||

$jenis_gambar=="image/jpg" || $jenis_gambar=="image/gif" ||

$jenis_gambar=="image/png")

{

$photo = $namafolder .

basename($_FILES['photo']['name']);

if

(!move_uploaded_file($_FILES['photo']['tmp_name'], $photo))

{

die("Gambar gagal dikirim");

}

}

else { die("Jenis gambar yang anda kirim salah.

Harus .jpg .gif .png"); }

} //end if cek file upload

mysql_query("insert into

tb_warga(nik,nama,tempat_lahir,tanggal_lahir,alamat,jenis_kelamin,t

elepon,email,status,pendidikan,jurusan,nem_ipk,lulus,keterampilan,p

engalaman_kerja,lokasi_kerja,agama,photo,username,password) " .

"values('$nik','$nama','$tempat_lahir','$tanggal_lahir','$alama

t','$jenis_kelamin','$telepon','$email','$status','$pendidikan','$j

urusan','$nem_ipk','$lulus','$keterampilan','$pengalaman_kerja','$l

okasi_kerja','$agama','$photo','$username','$password')") or

die(mysql_error());

$isi = "terima kasih, form registrasi anda telah dikirim<br></a>";

}

}

?>

47. Logout pencari kerja

<?php

session_start();

//periksa apakah user telah login atau memiliki session

if(!isset($_SESSION['user']) || !isset($_SESSION['passwd'])) {

echo"<meta http-equiv=\"refresh\" content=\"0

URL=\"index.php\"/>";

?>

162

<?php

} else {

unset($_SESSION);

session_destroy();

echo"<meta http-equiv=\"refresh\" content=\"0

URL=../index.php\"/>";

}

?>

48. CSS

/*************************************************************/

/* Design: MultiFlex-2 (Screen) */

/* Author: G. Wolfgang (gw@actamail.com) */

/* Date: June 8, 2006 */

/*-----------------------------------------------------------*/

/* Recommended CSS-Editor: TopStyle Lite 3.10 (Freeware) */

/* http://www.newsgator.com/download/products/ts3lite.exe */

/*-----------------------------------------------------------*/

/* You can use this stylesheet any way you want! */

/* Check out my favorite website: www.sda.org */

/*************************************************************/

/*************************/

/* SECTION 1 - MAIN BODY */

/*************background:#00CC66background:

url(../img/background_body_grey.gif) top center repeat-

y;************/

body {

font-size: 62.5%;

margin: 0px auto;

padding: 0px;

background-color:#00CC66;

font-family: arial, sans-serif;

}

163

.page-container-1 {width: 770px; margin: 0px auto; padding: 0px;

background: url(../img/background_layout_1.gif) top left repeat-y;

border: solid 1px rgb(100,100,100);}

.page-container-2 {width: 770px; margin: 0px auto; padding: 0px;

background: url(../img/background_layout_2.gif) top left repeat-y;

border: solid 1px rgb(100,100,100);}

.page-container-3 {width: 770px; margin: 0px auto; padding: 0px;

background: url(../img/background_layout_3.gif) top left repeat-y;

border: solid 1px rgb(100,100,100);}

/*************************************/

/* SECTION 2 - HEADER AND NAVIGATION */

/*************************************/

/*-----------------------------------*/

/* 2.1 - Sitename, slogan and banner */

/*-----------------------------------*/

.site-name {width: 300px; height: 45px; top: 12px; position:

absolute; z-index: 4; overflow: hidden; margin: 0px; padding-left:

75px; color: rgb(69,140,204);}

.site-name p.title {margin: 0px; padding: 0px; font-family:

"trebuchet ms", arial, sans serif; font-weight: bold; font-size:

24px;}

.site-name p.subtitle {clear: both; width: 300px; margin: -6px 0px

0px 0px; padding: 0px; background-color: transparent; font-family:

"trebuchet ms", arial, sans serif; font-size: 12px;}

.site-name a {margin: 0px; padding: 0px; text-decoration: none;

color: rgb(88,144,168);}

.site-name a:hover {text-decoration: none;}

.site-slogan-container {width: 755px; height: 130px; top: 112px;

position: absolute; z-index: 1; overflow: hidden; margin: 0px;

padding-right: 15px; background-color: transparent;}

.site-slogan {float: right; width: 700px; margin: 0px; padding:

0px; background-color: transparent; font-size: 10px;}

.site-slogan p.title {float: right; width: 700px; margin: 0px;

padding: 0px; color: rgb(234,239,247); font-family: arial, sans

serif; text-align: right; font-weight: bold; font-size: 220%;}

.site-slogan p.subtitle {clear: both; float: right; width: 700px;

margin: -5px 0px 0px 0px; padding: 0px; color: rgb(234,239,247);

font-family: arial, sans serif; text-align: right; font-weight:

bold; font-size: 200%;}

164

.site-slogan p.text {clear: both; float: right; width: 700px;

margin: 10px 0px 0px 0px; padding: 0px; color: rgb(234,239,247);

font-family: arial, sans serif; text-align: right; font-weight:

bold; line-height: 1.0em; font-size: 140%;}

.site-slogan p.readmore {clear: both; float: right; width: 700px;

margin: 10px 0px 0px 0px; padding: 0px; color: rgb(234,239,247);

font-family: arial, sans serif; text-align: right; font-weight:

bold; line-height: 1.0em; font-size: 120%;}

.site-slogan a {color: rgb(234,239,247); text-decoration:

underline;}

.site-slogan a:hover {text-decoration: none; color: rgb(50,50,50);}

.img-header {clear: both; float: left; width: 770px; height: 250px;

margin: 0px; padding: 0px;}

/*--------------------------*/

/* 2.2 - Navigation - Flags */

/*--------------------------*/

.navflag-container {width: 770px; top: 14px; position: absolute; z-

index: 2; background-color: transparent;}

.navflag {margin: 0px; padding: 0px; font-size: 1.0em;}

.navflag ul {float: right; margin: 0px; padding: 0px 20px 0px 0px;}

.navflag li {display: inline; list-style: none; margin: 0px;

padding: 0px;}

.navflag li a {margin: 0px; padding: 0px 0px 0px 1px;}

.navflag a:hover {color: rgb(0,0,0); text-decoration: none;}

.img-navflag {display: inline; height: 14px; margin: 0px; padding:

0px; border: none;}

/*----------------------------*/

/* 2.3 - Navigation - Level 1 */

/*----------------------------*/

.nav1-container {width: 770px; top: 35px; position: absolute; z-

index: 3; background: transparent;}

.nav1 {margin: 0px; padding: 0px; font-family: verdana, arial, sans

serif; font-size: 1.0em;}

.nav1 ul {float: right; margin: 0px; padding: 0px 20px 0px 0px;

border-left: solid 1px rgb(115,162,182); background-color:

rgb(255,255,255); font-weight: bold;}

165

.nav1 li {display: inline; list-style: none; margin: 0px; padding:

0px;}

.nav1 li a {display: block; float: left; margin: 0px; padding: 2px

5px 2px 5px; border-right: solid 1px rgb(115,162,182); color:

rgb(115,162,182); text-decoration: none; font-size: 10px;}

.nav1 a:hover, .nav2 a.selected {color: rgb(50,50,50); text-

decoration: none;}

/*----------------------------*/

/* 2.4 - Navigation - Level 2 */

/*----------------------------*/

.nav2 {clear: both; margin: 0px; padding: 0px; font-family:

verdana, arial, sans serif; font-size: 1.0em;}

.nav2 ul {float: left; width: 770px; margin: 0px; padding: 0px;

border-top: solid 1px rgb(54,83,151); border-bottom: solid 1px

rgb(54,83,151); background-color: rgb(127,162,202); font-weight:

bold;}

.nav2 li {display: inline; list-style: none; margin: 0px; padding:

0px;}

.nav2 li a {display: block; float: left; margin: 0px 0px 0px 0px;

padding: 5px 10px 5px 10px; border-right: solid 1px rgb(54,83,151);

color: rgb(255,255,255); text-transform: uppercase; text-

decoration: none; font-size: 100%;}

.nav2 a:hover, .nav2 a.selected {color: rgb(50,50,50); text-

decoration: none;}

.buffer {clear: both; width: 770px; height: 30px; margin: 0px;

padding: 0px; background-color: rgb(255,255,255);}

/*----------------------------*/

/* 2.5 - Navigation - Level 3 */

/*----------------------------*/

.nav3 {overflow: hidden; clear: both; float: left; width: 160px;

min-height: 500px; margin: 0px; padding: 0px; color: rgb(75,75,75);

font-size: 1.0em;}

.nav3 ul {width: 160px; margin: 0px 0px 20px 0px; padding: 0px;

border-bottom: solid 1px rgb(216,206,159); background-color:

rgb(219,230,241);}

.nav3 li {list-style: none; margin: 0px; padding: 0px;}

.nav3 li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px;

background-color: rgb(156,186,214); color: rgb(255,255,255); text-

transform: uppercase; font-weight: bold; font-size: 120%;}

166

.nav3 li.group a {display: block; min-height: 1.7em; height: auto

!important; height: 1.7em; line-height: 1.7em; margin: 0px;

padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200);

border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75);

font-weight: bold; font-size: 120%;}

.nav3 li a {display: block; min-height: 1.7em; height: auto

!important; height: 1.7em; line-height: 1.7em; margin: 0px;

padding: 0px 7px 0px 20px; border-left: solid 7px rgb(219,230,241);

color: rgb(75,75,75); text-decoration: none; font-size: 120%;}

.nav3 li a:hover, .nav3 li a.selected {border-left: solid 7px

rgb(156,186,214); color: rgb(100,100,100); text-decoration: none;}

/******************************************************************

************/

/* SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1 (With navigation,

with sidebar )*/

/******************************************************************

************/

.content1 {float: left; width: 428px; margin: 0px; padding: 0px 0px

10px 20px; color: rgb(75,75,75);}

.content1-container {clear: both; float: left; width: 408px;

margin: 0px 0px 15px 0px; padding: 0px;}

.content1-container-1col {overflow: hidden; width: 499px; margin:

0px; padding: 0px;}

.content1-container-1col-txtright-200px {float: right; width:

196px; margin: 0px; padding: 0px;}

.content1-container-1col-txtright-160px {float: right; width:

236px; margin: 0px; padding: 0px;}

.content1-container-1col-txtright-120px {float: right; width:

276px; margin: 0px; padding: 0px;}

.content1-container-1col-txtright-100px {float: right; width:

296px; margin: 0px; padding: 0px;}

.content1-container-1col-txtright-80px {float: right; width: 316px;

margin: 0px; padding: 0px;}

.content1-container-1col-txtright-60px {float: right; width: 336px;

margin: 0px; padding: 0px;}

.content1-container-1col-txtright-40px {float: right; width: 356px;

margin: 0px; padding: 0px;}

.content1-container-2col-left {overflow: hidden; float: left;

width: 191px; margin: 0px; padding: 0px;}

167

.content1-container-2col-right {overflow: hidden; float: right;

width: 191px; margin: 0px; padding: 0px;}

.content1-container-2col-txtright-100px {float: right; width: 79px;

margin: 0px; padding: 0px;}

.content1-container-2col-txtright-80px {float: right; width: 99px;

margin: 0px; padding: 0px;}

.content1-container-2col-txtright-60px {float: right; width: 119px;

margin: 0px; padding: 0px;}

.content1-container-2col-txtright-40px {float: right; width: 139px;

margin: 0px; padding: 0px;}

.content1-container-2col-txtright-20px {float: right; width: 159px;

margin: 0px; padding: 0px;}

.content1-container-3col-left {overflow: hidden; float: left;

width: 119px; margin: 0px 25px 0px 0px; padding: 0px;}

.content1-container-3col-middle {overflow: hidden; float: left;

width: 119px;margin: 0px; padding: 0px;}

.content1-container-3col-right {overflow: hidden; float: right;

width: 119px; margin: 0px; padding: 0px;}

.content1-container-3col-txtright-60px {float: right; width: 47px;

margin: 0px; padding: 0px;}

.content1-container-3col-txtright-40px {float: right; width: 67px;

margin: 0px; padding: 0px;}

.content1-container-3col-txtright-20px {float: right; width: 87px;

margin: 0px; padding: 0px;}

.content1-container-3col-txtright-10px {float: right; width: 97px;

margin: 0px; padding: 0px;}

.content1-pagetitle {overflow: hidden; width: 408px; margin: 0px

0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px

rgb(88,144,168);); color: rgb(88,144,168); font-weight: bold; font-

size: 180%;}

/******************************************************/

/* SECTION 4 - SPECIFIC CLASSES FOR LAYOUTS #2 and #3 */

/******************************************************/

.content2 {float: left; width: 590px; min-height: 500px; margin:

0px; padding: 0px 0px 0px 20px; color: rgb(75,75,75); font-size:

1.0em;}

.content3 {float: left; width: 590px; min-height: 500px; margin:

0px; padding: 0px 0px 0px 20px; color: rgb(75,75,75); font-size:

1.0em;}

168

.content2-container, .content3-container {clear: both; float: left;

width: 569px; margin: 0px 0px 15px 0px; padding: 0px;}

.content2-container-1col, .content3-container-1col {overflow:

hidden; width: 569px; margin: 0px; padding: 0px;}

.content2-container-1col-txtright-200px, .content3-container-1col-

txtright-200px {float: right; width: 357px; margin: 0px; padding:

0px;}

.content2-container-1col-txtright-160px, .content3-container-1col-

txtright-160px {float: right; width: 397px; margin: 0px; padding:

0px;}

.content2-container-1col-txtright-120px, .content3-container-1col-

txtright-120px {float: right; width: 437px; margin: 0px; padding:

0px;}

.content2-container-1col-txtright-100px, .content3-container-1col-

txtright-100px {float: right; width: 457px; margin: 0px; padding:

0px;}

.content2-container-1col-txtright-80px, .content3-container-1col-

txtright-80px {float: right; width: 477px; margin: 0px; padding:

0px;}

.content2-container-1col-txtright-60px, .content3-container-1col-

txtright-60px {float: right; width: 497px; margin: 0px; padding:

0px;}

.content2-container-1col-txtright-40px, .content3-container-1col-

txtright-40px {float: right; width: 517px; margin: 0px; padding:

0px;}

.content2-container-2col-left, .content3-container-2col-left

{overflow: hidden; float: left; width: 272px; margin: 0px; padding:

0px;}

.content2-container-2col-right, .content3-container-2col-right

{overflow: hidden; float: right; width: 272px; margin: 0px;

padding: 0px;}

.content2-container-2col-txtright-100px, .content3-container-2col-

txtright-100px {float: right; width: 160px; margin: 0px; padding:

0px;}

.content2-container-2col-txtright-80px, .content3-container-2col-

txtright-80px {float: right; width: 180px; margin: 0px; padding:

0px;}

.content2-container-2col-txtright-60px, .content3-container-2col-

txtright-60px {float: right; width: 200px; margin: 0px; padding:

0px;}

169

.content2-container-2col-txtright-40px, .content3-container-2col-

txtright-40px {float: right; width: 220px; margin: 0px; padding:

0px;}

.content2-container-2col-txtright-20px, .content3-container-2col-

txtright-20px {float: right; width: 240px; margin: 0px; padding:

0px;}

.content2-container-3col-left, .content3-container-3col-left

{overflow: hidden; float: left; width: 173px; margin: 0px 25px 0px

0px; padding: 0px;}

.content2-container-3col-middle, .content3-container-3col-middle

{overflow: hidden; float: left; width: 173px; margin: 0px; padding:

0px;}

.content2-container-3col-right, .content3-container-3col-right

{overflow: hidden; float: right; width: 173px; margin: 0px;

padding: 0px;}

.content2-container-3col-txtright-60px, .content3-container-3col-

txtright-60px {overflow: hidden; float: right; width: 101px;

margin: 0px; padding: 0px;}

.content2-container-3col-txtright-40px, .content3-container-3col-

txtright-40px {overflow: hidden; float: right; width: 121px;

margin: 0px; padding: 0px;}

.content2-container-3col-txtright-20px, .content3-container-3col-

txtright-20px {overflow: hidden; float: right; width: 141px;

margin: 0px; padding: 0px;}

.content2-container-3col-txtright-10px, .content3-container-3col-

txtright-10px {overflow: hidden; float: right; width: 151px;

margin: 0px; padding: 0px;}

.content2-pagetitle, .content3-pagetitle {overflow: hidden; width:

569px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-

bottom: solid 3px rgb(88,144,168); color: rgb(88,144,168); font-

weight: bold; font-size: 180%;}

/*********************************/

/* SECTION 6 - COMMON PARAMETERS */

/*********************************/

/*--------------------*/

/* 6.1 - Content Area */

/*--------------------*/

/* Titles and textboxes*/

.content-title-noshade-size1 {margin: 0px; padding: 0px; color:

rgb(88,144,168); font-weight: bold; font-size: 130%;}

170

.content-title-noshade-size2 {margin: 0px; padding: 0px; color:

rgb(88,144,168); font-weight: bold; font-size: 150%;}

.content-title-noshade-size3 {margin: 0px; padding: 0px; color:

rgb(88,144,168); font-weight: bold; font-size: 160%;}

.content-title-noshade-size4 {margin: 0px; padding: 0px; color:

rgb(88,144,168); font-weight: bold; font-size: 180%;}

.content-title-noshade-size5 {margin: 0px; padding: 0px; color:

rgb(88,144,168); font-weight: bold; font-size: 200%;}

.content-title-shade-size1 {margin: 0px; padding: 0px 10px 0px

10px; background-color: rgb(215,215,215); color: rgb(100,100,100);

color: rgb(88,144,168); font-weight: bold; font-size: 130%;}

.content-title-shade-size2 {margin: 0px; padding: 0px 10px 0px

10px; background-color: rgb(215,215,215); color: rgb(88,144,168);

font-weight: bold; font-size: 150%;}

.content-title-shade-size3 {margin: 0px; padding: 0px 10px 0px

10px; background-color: rgb(215,215,215); color: rgb(88,144,168);

font-weight: bold; font-size: 160%;}

.content-title-shade-size4 {margin: 0px; padding: 0px 10px 0px

10px; background-color: rgb(215,215,215); color: rgb(88,144,168);

font-weight: bold; font-size: 180%;}

.content-title-shade-size5 {margin: 0px; padding: 0px 10px 0px

10px; background-color: rgb(215,215,215); color: rgb(88,144,168);

font-weight: bold; font-size: 200%;}

.content-subtitle-noshade-size1 {margin: 0px; padding: 0px; color:

rgb(88,144,168); font-weight: bold; font-size: 110%;}

.content-subtitle-noshade-size2 {margin: 0px; padding: 0px; color:

rgb(88,144,168); font-weight: bold; font-size: 120%;}

.content-subtitle-noshade-size3 {margin: 0px; padding: 0px; color:

rgb(88,144,168); font-weight: bold; font-size: 130%;}

.content-subtitle-noshade-size4 {margin: 0px; padding: 0px; color:

rgb(88,144,168); font-weight: bold; font-size: 140%;}

.content-subtitle-noshade-size5 {margin: 0px; padding: 0px; color:

rgb(88,144,168); font-weight: bold; font-size: 150%;}

.content-subtitle-shade-size1 {margin: 0px; padding: 0px 10px 3px

10px; background-color: rgb(215,215,215); color: rgb(88,144,168);

font-weight: bold; font-size: 110%;}

.content-subtitle-shade-size2 {margin: 0px; padding: 0px 10px 3px

10px; background-color: rgb(215,215,215); color: rgb(88,144,168);

font-weight: bold; font-size: 120%;}

171

.content-subtitle-shade-size3 {margin: 0px; padding: 0px 10px 3px

10px; background-color: rgb(215,215,215); color: rgb(88,144,168);

font-weight: bold; font-size: 130%;}

.content-subtitle-shade-size4 {margin: 0px; padding: 0px 10px 3px

10px; background-color: rgb(215,215,215); color: rgb(88,144,168);

font-weight: bold; font-size: 140%;}

.content-subtitle-shade-size5 {margin: 0px; padding: 0px 10px 3px

10px; background-color: rgb(215,215,215); color: rgb(88,144,168);

font-weight: bold; font-size: 150%;}

.content-txtbox-noshade {margin: 0px; padding: 7px 0px 0px 0px;

background-color: rgb(255,255,255);}

.content-txtbox-shade {margin: 0px; padding: 7px 10px 5px 10px;

background-color: rgb(235,235,235);}

/* Headings */

h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size:

160%;}

h2 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size:

150%;}

h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size:

140%;}

h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size:

130%;}

h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 130%;}

h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; font-style:

italic; font-size: 130%;}

/* Paragraphs */

p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.3em;

font-family: arial, sans serif; font-size: 120%; }

p.readmore {margin: 1.0em 0px 0.5em 0px; padding: 0px; line-height:

1.2em; font-size: 110%; }

p.quote {margin: 0em 30px 0.6em 30px; line-height: 120%; font-

size: 120%;}

p.embed {float: left; width: 120px; margin: 7px 7px 5px 0px;

padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-

style: italic; font-weight: bold; line-height: 1.2em; font-size:

140%;}

p.embed-caption {float: left; margin: 5px 0px 0px 0px; padding:

0px; font-style: italic; font-weight: normal; line-height: 1.2em;

font-size: 70%;}

172

/* Quote */

p.quote {clear: left; margin: 0em 30px 0.6em 30px; line-height:

120%; font-size: 110%;}

/* Embedded emphasis */

.embed {float: left; width: 120px; margin: 2px 7px 2px 0px;

padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-

style: italic; font-weight: bold; line-height: 1.2em; font-size:

140%;}

.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px;

font-style: italic; font-weight: normal; line-height: 1.2em; font-

size: 70%;}

/* Lists */

ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-

type: disc; list-style-position: outside; font-size: 120%;}

ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px;

list-style-type: disc; font-family: arial; font-size: 120%;}

ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-

type: decimal; list-style-position: outside; font-size: 120%;}

ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px;

list-style-type: none; line-height: 1.2em; font-size: 120%; }

ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px

0px 10px; list-style-type: none; line-height: 1.2em; font-size:

120%; }

/* Tables */

.table {clear: left; margin: 0.5em 0px 0.2em 30px; border: solid

1px rgb(150,150,150); empty-cells: show; border-collapse: collapse;

background-color: rgb(233,232,244);}

.table tr {margin: 0px; padding: 0px;}

.table td {padding: 2px 7px 2px 7px; border: solid 1px

rgb(150,150,150); text-align: left; font-size: 120%;}

.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px

rgb(150,150,150); empty-cells: show; text-align: left; font-size:

120%; }

.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear:

both; text-align: left; font-size: 120%;}

/* Images */

.img-left-noborder-notopmargin {float: left; margin: 0px 10px 0px

0px;}

173

.img-left-noborder-topmargin {float: left; margin: 3px 10px 0px

0px;}

.img-left-border-notopmargin {float: left; margin: 0px 10px 0px

0px; border: solid 1px rgb(150,150,150);}

.img-left-border-topmargin {float: left; margin: 3px 10px 0px 0px;

border: solid 1px rgb(150,150,150);}

.img-right-noborder-notopmargin {float: right; margin: 0px 0px 0px

10px;}

.img-right-noborder-topmargin {float: right; margin: 3px 0px 0px

10px;}

.img-right-border-notopmargin {float: right; margin: 0px 0px 0px

10px; border: solid 1px rgb(150,150,150);}

.img-right-border-topmargin {float: right; margin: 3px 0px 0px

10px; border: solid 1px rgb(150,150,150);}

/*--------------------*/

/* 6.2 - Sidebar Area */

/*--------------------*/

.sidebar {overflow: hidden; float: right; width: 160px; min-height:

500px; margin: 0px; padding: 0px 0px 10px 0px; text-align: left;

color: rgb(75,75,75);}

.sidebar-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px

10px; background-color: rgb(156,186,214); color: rgb(255,255,255);

text-transform: uppercase; font-weight: bold; font-size: 120%;}

.sidebar-title-noshade {margin: 0px; padding: 2px 10px 3px 10px;

border-top: solid 1px rgb(215,215,215); color: rgb(75,75,75); font-

weight: bold; font-size: 120%;}

.sidebar-title-shade {margin: 0px; padding: 2px 10px 3px 10px;

background-color: rgb(215,215,215); color: rgb(75,75,75); font-

weight: bold; font-size: 120%;}

.sidebar-txtbox-noshade {margin: 0px 0px 10px 0px; padding: 2px

10px 3px 10px;}

.sidebar-txtbox-shade {margin: 0px 0px 10px 0px; padding: 2px 10px

3px 10px; background-color: rgb(235,235,235);}

.sidebar-txtbox-noshade p {margin: 0px 0px 5px 0px; padding: 0px;

line-height: 1.25em; font-size: 110%;}

.sidebar-txtbox-shade p {margin: 0px 0px 5px 0px; padding: 0px;

line-height: 1.25em; font-size: 110%;}

/*--------------------*/

/* 6.3 - Footer Area */

174

/*--------------------*/

.footer {overflow: hidden; clear: both; width: 770px; height:

3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid

1px rgb(125,125,125); background-color: rgb(128,161,202); color:

rgb(255,255,255); font-size: 1.0em;}

.footer p {margin: 0px; padding: 0px; text-align: center; line-

height: 1.3em; font-size: 110%;}

/*-------------------*/

/* 6.4 - Hyperlinks */

/*-------------------*/

.content1 a, .content2 a, .content3 a, .sidebar-txtbox-noshade a,

.sidebar-txtbox-shade a {color: rgb(75,75,75); text-decoration:

underline;}

.content1 a:hover, .content2 a:hover, .content3 a:hover, .sidebar-

txtbox-noshade a:hover, .sidebar-txtbox-shade a:hover {color:

rgb(0,0,0); text-decoration: none;}

.content1 a:visited, .content2 a:visited, .content3 a:visited,

.sidebar-txtbox-noshade a:visited, .sidebar-txtbox-shade a:visited

{color: rgb(150,150,150);}

.footer a {color: rgb(255,255,255); text-decoration: underline;}

.footer a:hover {color: rgb(0,0,0); text-decoration: none;}

/*******************************/

/* SECTION 7 - GENERIC CLASSES */

/*******************************/

/*----------------------------*/

/* 7.1 - Title decoration box */

/*----------------------------*/

.box-on {float: left; min-width: 0.3em; margin-right: 0.2em;

padding: 0px 0.2em 0px 0.3em;}

.box-off {display: none;}

/* html box-on {width: 1%;} /* IE6-Hack for min-width. Also

compliant with IE7-Beta2 */ */

/*-----------------------------*/

/* 7.2 - Horizontal alignments */

/*-----------------------------*/

.align-left {text-align: left;}

175

.align-right {text-align: right;}

.align-center {text-align: center;}

/*------------------*/

/* 7.3 Text colors */

/*------------------*/

.txt-white {color: rgb(255,255,255);}

.txt-black {color: rgb(0,0,0);}

.txt-grey01 {color: rgb(242,242,242);}

.txt-grey02 {color: rgb(230,230,230);}

.txt-grey03 {color: rgb(217,217,217);}

.txt-grey04 {color: rgb(204,204,204);}

.txt-grey05 {color: rgb(191,191,191);}

.txt-grey06 {color: rgb(178,178,178);}

.txt-grey07 {color: rgb(153,153,153);}

.txt-grey08 {color: rgb(127,127,127);}

.txt-grey09 {color: rgb(89,89,89);}

.txt-grey10 {color: rgb(51,51,51);

.txt-yellow01 {color: rgb(254,252,232);}

.txt-yellow02 {color: rgb(253,249,201);}

.txt-yellow03 {color: rgb(253,246,185);}

.txt-yellow04 {color: rgb(252,243,162);}

.txt-yellow05 {color: rgb(251,239,139);}

.txt-yellow06 {color: rgb(250,236,116);}

.txt-yellow07 {color: rgb(249,233,93);}

.txt-yellow08 {color: rgb(249,230,69);}

.txt-yellow09 {color: rgb(248,227,46);}

.txt-yellow10 {color: rgb(247,224,23);}

.txt-blue01 {color: rgb(238,237,249);}

.txt-blue02 {color: rgb(222,220,242);}

.txt-blue03 {color: rgb(205,202,236);}

176

.txt-blue04 {color: rgb(189,185,229);}

.txt-blue05 {color: rgb(172,167,223);}

.txt-blue06 {color: rgb(155,149,217);}

.txt-blue07 {color: rgb(139,132,210);}

.txt-blue08 {color: rgb(122,114,204);}

.txt-blue09 {color: rgb(106,97,197);}

.txt-blue10 {color: rgb(89,79,191);}

.txt-green01 {color: rgb(237,246,229);}

.txt-green02 {color: rgb(220,238,204);}

.txt-green03 {color: rgb(202,229,178);}

.txt-green04 {color: rgb(185,220,153);}

.txt-green05 {color: rgb(167,211,127);}

.txt-green06 {color: rgb(149,203,102);}

.txt-green07 {color: rgb(132,194,76);}

.txt-green08 {color: rgb(114,185,51);}

.txt-green09 {color: rgb(97,177,25);}

.txt-green10 {color: rgb(79,168,0);}

.txt-red01 {color: rgb(252,235,233);}

.txt-red02 {color: rgb(248,216,211);}

.txt-red03 {color: rgb(245,196,188);}

.txt-red04 {color: rgb(242,177,166);}

.txt-red05 {color: rgb(238,157,144);}

.txt-red06 {color: rgb(235,137,122);}

.txt-red07 {color: rgb(232,118,100);}

.txt-red08 {color: rgb(229,98,77);}

.txt-red09 {color: rgb(225,79,55);}

.txt-red10 {color: rgb(222,59,33);}

/*-------------------------*/

/* 7.4 - Background colors */

/*-------------------------*/

177

.bg-white {background-color: rgb(255,255,255);}

.bg-black {background-color: rgb(0,0,0);}

.bg-grey01 {background-color: rgb(242,242,242);}

.bg-grey02 {background-color: rgb(230,230,230);}

.bg-grey03 {background-color: rgb(217,217,217);}

.bg-grey04 {background-color: rgb(204,204,204);}

.bg-grey05 {background-color: rgb(191,191,191);}

.bg-grey06 {background-color: rgb(178,178,178);}

.bg-grey07 {background-color: rgb(153,153,153);}

.bg-grey08 {background-color: rgb(127,127,127);}

.bg-grey09 {background-color: rgb(89,89,89);}

.bg-grey10 {background-color: rgb(51,51,51);}

.bg-yellow01 {background-color: rgb(254,252,232);}

.bg-yellow02 {background-color: rgb(253,249,201);}

.bg-yellow03 {background-color: rgb(253,246,185);}

.bg-yellow04 {background-color: rgb(252,243,162);}

.bg-yellow05 {background-color: rgb(251,239,139);}

.bg-yellow06 {background-color: rgb(250,236,116);}

.bg-yellow07 {background-color: rgb(249,233,93);}

.bg-yellow08 {background-color: rgb(249,230,69);}

.bg-yellow09 {background-color: rgb(248,227,46);}

.bg-yellow10 {background-color: rgb(247,224,23);}

.bg-blue01 {background-color: rgb(238,237,249);}

.bg-blue02 {background-color: rgb(222,220,242);}

.bg-blue03 {background-color: rgb(205,202,236);}

.bg-blue04 {background-color: rgb(189,185,229);}

.bg-blue05 {background-color: rgb(172,167,223);}

.bg-blue06 {background-color: rgb(155,149,217);}

.bg-blue07 {background-color: rgb(139,132,210);}

.bg-blue08 {background-color: rgb(122,114,204);}

178

.bg-blue09 {background-color: rgb(106,97,197);}

.bg-blue10 {background-color: rgb(89,79,191);}

.bg-green01 {background-color: rgb(237,246,229);}

.bg-green02 {background-color: rgb(220,238,204);}

.bg-green03 {background-color: rgb(202,229,178);}

.bg-green04 {background-color: rgb(185,220,153);}

.bg-green05 {background-color: rgb(167,211,127);}

.bg-green06 {background-color: rgb(149,203,102);}

.bg-green07 {background-color: rgb(132,194,76);}

.bg-green08 {background-color: rgb(114,185,51);}

.bg-green09 {background-color: rgb(97,177,25);}

.bg-green10 {background-color: rgb(79,168,0);}

.bg-red01 {background-color: rgb(252,235,233);}

.bg-red02 {background-color: rgb(248,216,211);}

.bg-red03 {background-color: rgb(245,196,188);}

.bg-red04 {background-color: rgb(242,177,166);}

.bg-red05 {background-color: rgb(238,157,144);}

.bg-red06 {background-color: rgb(235,137,122);}

.bg-red07 {background-color: rgb(232,118,100);}

.bg-red08 {background-color: rgb(229,98,77);}

.bg-red09 {background-color: rgb(225,79,55);}

.bg-red10 {background-color: rgb(222,59,33);}

/*---------------------------*/

/* 7.5 Bottom border colors */

/*---------------------------*/

.line-box {border-bottom: solid 1px rgb(200,200,200); padding-

bottom: 15px; margin: 0px 0px 15px 0px;}

.line-white {border-bottom: solid 1px rgb(255,255,255); padding-

bottom: 2px; margin: 0px 0px 1px 0px;}

.line-black {border-bottom: solid 1px rgb(0,0,0); padding-bottom:

2px; margin: 0px 0px 1px 0px;}

179

.line-grey01 {border-bottom: solid 1px rgb(242,242,242); padding-

bottom: 2px; margin-bottom: 1px;}

.line-grey02 {border-bottom: solid 1px rgb(230,230,230); padding-

bottom: 2px; margin-bottom: 1px;}

.line-grey03 {border-bottom: solid 1px rgb(217,217,217); padding-

bottom: 2px; margin-bottom: 1px;}

.line-grey04 {border-bottom: solid 1px rgb(204,204,204); padding-

bottom: 2px; margin-bottom: 1px;}

.line-grey05 {border-bottom: solid 1px rgb(191,191,191); padding-

bottom: 2px; margin-bottom: 1px;}

.line-grey06 {border-bottom: solid 1px rgb(178,178,178); padding-

bottom: 2px; margin-bottom: 1px;}

.line-grey07 {border-bottom: solid 1px rgb(153,153,153); padding-

bottom: 2px; margin-bottom: 1px;}

.line-grey08 {border-bottom: solid 1px rgb(127,127,127); padding-

bottom: 2px; margin-bottom: 1px;}

.line-grey09 {border-bottom: solid 1px rgb(89,89,89); padding-

bottom: 2px; margin-bottom: 1px;}

.line-grey10 {border-bottom: solid 1px rgb(51,51,51); padding-

bottom: 2px; margin-bottom: 1px;}

.line-yellow01 {border-bottom: solid 1px rgb(254,252,232); padding-

bottom: 2px; margin-bottom: 1px;}

.line-yellow02 {border-bottom: solid 1px rgb(253,249,201); padding-

bottom: 2px; margin-bottom: 1px;}

.line-yellow03 {border-bottom: solid 1px rgb(253,246,185); padding-

bottom: 2px; margin-bottom: 1px;}

.line-yellow04 {border-bottom: solid 1px rgb(252,243,162); padding-

bottom: 2px; margin-bottom: 1px;}

.line-yellow05 {border-bottom: solid 1px rgb(251,239,139); padding-

bottom: 2px; margin-bottom: 1px;}

.line-yellow06 {border-bottom: solid 1px rgb(250,236,116); padding-

bottom: 2px; margin-bottom: 1px;}

.line-yellow07 {border-bottom: solid 1px rgb(249,233,93); padding-

bottom: 2px; margin-bottom: 1px;}

.line-yellow08 {border-bottom: solid 1px rgb(249,230,69); padding-

bottom: 2px; margin-bottom: 1px;}

.line-yellow09 {border-bottom: solid 1px rgb(248,227,46); padding-

bottom: 2px; margin-bottom: 1px;}

180

.line-yellow10 {border-bottom: solid 1px rgb(247,224,23); padding-

bottom: 2px; margin-bottom: 1px;}

.line-blue01 {border-bottom: solid 1px rgb(238,237,249); padding-

bottom: 2px; margin-bottom: 1px;}

.line-blue02 {border-bottom: solid 1px rgb(222,220,242); padding-

bottom: 2px; margin-bottom: 1px;}

.line-blue03 {border-bottom: solid 1px rgb(205,202,236); padding-

bottom: 2px; margin-bottom: 1px;}

.line-blue04 {border-bottom: solid 1px rgb(189,185,229); padding-

bottom: 2px; margin-bottom: 1px;}

.line-blue05 {border-bottom: solid 1px rgb(172,167,223); padding-

bottom: 2px; margin-bottom: 1px;}

.line-blue06 {border-bottom: solid 1px rgb(155,149,217); padding-

bottom: 2px; margin-bottom: 1px;}

.line-blue07 {border-bottom: solid 1px rgb(139,132,210); padding-

bottom: 2px; margin-bottom: 1px;}

.line-blue08 {border-bottom: solid 1px rgb(122,114,204); padding-

bottom: 2px; margin-bottom: 1px;}

.line-blue09 {border-bottom: solid 1px rgb(106,97,197); padding-

bottom: 2px; margin-bottom: 1px;}

.line-blue10 {border-bottom: solid 1px rgb(89,79,191); padding-

bottom: 2px; margin-bottom: 1px;}

.line-green01 {border-bottom: solid 1px rgb(237,246,229); padding-

bottom: 2px; margin-bottom: 1px;}

.line-green02 {border-bottom: solid 1px rgb(220,238,204); padding-

bottom: 2px; margin-bottom: 1px;}

.line-green03 {border-bottom: solid 1px rgb(202,229,178); padding-

bottom: 2px; margin-bottom: 1px;}

.line-green04 {border-bottom: solid 1px rgb(185,220,153); padding-

bottom: 2px; margin-bottom: 1px;}

.line-green05 {border-bottom: solid 1px rgb(167,211,127); padding-

bottom: 2px; margin-bottom: 1px;}

.line-green06 {border-bottom: solid 1px rgb(149,203,102); padding-

bottom: 2px; margin-bottom: 1px;}

.line-green07 {border-bottom: solid 1px rgb(132,194,76); padding-

bottom: 2px; margin-bottom: 1px;}

.line-green08 {border-bottom: solid 1px rgb(114,185,51); padding-

bottom: 2px; margin-bottom: 1px;}

181

.line-green09 {border-bottom: solid 1px rgb(97,177,25); padding-

bottom: 2px; margin-bottom: 1px;}

.line-green10 {border-bottom: solid 1px rgb(79,168,0); padding-

bottom: 2px; margin-bottom: 1px;}

.line-red01 {border-bottom: solid 1px rgb(252,235,233); padding-

bottom: 2px; margin-bottom: 1px;}

.line-red02 {border-bottom: solid 1px rgb(248,216,211); padding-

bottom: 2px; margin-bottom: 1px;}

.line-red03 {border-bottom: solid 1px rgb(245,196,188); padding-

bottom: 2px; margin-bottom: 1px;}

.line-red04 {border-bottom: solid 1px rgb(242,177,166); padding-

bottom: 2px; margin-bottom: 1px;}

.line-red05 {border-bottom: solid 1px rgb(238,157,144); padding-

bottom: 2px; margin-bottom: 1px;}

.line-red06 {border-bottom: solid 1px rgb(235,137,122); padding-

bottom: 2px; margin-bottom: 1px;}

.line-red07 {border-bottom: solid 1px rgb(232,118,100); padding-

bottom: 2px; margin-bottom: 1px;}

.line-red08 {border-bottom: solid 1px rgb(229,98,77); padding-

bottom: 2px; margin-bottom: 1px;}

.line-red09 {border-bottom: solid 1px rgb(225,79,55); padding-

bottom: 2px; margin-bottom: 1px;}

.line-red10 {border-bottom: solid 1px rgb(222,59,33); padding-

bottom: 2px; margin-bottom: 1px;}

/*****************************/

/* SECTION 8 - MISCELLANEOUS */

/*****************************/

.showcode {font-family: monospace; font-weight: bold; font-size:

13px; color: rgb(255,0,0);}

.clear {clear: both;}

.hide {display: none;}

br {clear: none;}