universitas negeri semarang 2013 - selamat datang -lib.unnes.ac.id/18025/1/4112310002.pdf · ·...
TRANSCRIPT
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
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: [email protected] / 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&menu=profil">Kabupaten
Brebes</a></li>
<li><a
href="index.php?katmenu=menu&menu=profil2">Depnakertrans</a></l
i>
<li><a
href="index.php?katmenu=menu&menu=layanan">Layanan</a></li>
<li><a
href="index.php?katmenu=menu&menu=suarawarga">Kontak
Kami</a></li>
<li><a
href="index.php?katmenu=menu&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> </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&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&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&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&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&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&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&menu=loginadmin\"><img
src=\"img/admin.PNG\" /></a><strong>Admin</strong>
<a href=\"index.php?katmenu=menu&menu=Loginpegawai\"><img
src=\"img/pega.PNG\" /></a><strong>Pegawai</strong>
<a href=\"index.php?katmenu=menu&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&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&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=\"judul\" 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=\"judul\" 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=\"id\" 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=\"id\" 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=\"id\" value=\"\" size=\"45\" maxlength=\"45\"></td>
</tr>
<tr>
<td>Telepon</td>
97
<td>:</td>
<td><input name=\"telepon\" type=\"text\" id=\"id\"
value=\"\" size=\"45\" maxlength=\"12\"></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input name=\"email\" type=\"text\" id=\"id\"
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=\"id\" 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=\"id\" 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=\"id\"
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=\"id\" 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=\"id\" 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=\"id\" 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=\"judul\" value='' size=\"45\"></td>
</tr>
<tr>
<td width=133>Password</td>
<td width=10>:</td>
<td width=366><input name=\"password\" type=\"password\"
id=\"judul\" value='' size=\"45\"></td>
</tr>
<tr>
<td width=133></td>
<td width=10> </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: [email protected] / 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&menu=registrasi_admin">Tambah
Admin</a></li>
103
<li><a
href="index.php?katmenu=menu&menu=pegawai">Data
Pegawai</a></li>
<li><a
href="index.php?katmenu=menu&menu=pencarianData">Pencarian</a><
/li>
<li><a
href="index.php?katmenu=menu&menu=biodataPencariKerja">Daftar
Pencari Kerja</a></li>
<li><a
href="index.php?katmenu=menu&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> </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&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&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&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&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=\"judul\" 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=\"judul\" value='' size=\"45\"></td>
</tr>
<tr>
<td width=67></td>
<td width=4> </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&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&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=\"judul\" 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=\"judul\" 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=\"id\" value=\"\" size=\"45\" maxlength=\"45\"></td>
</tr>
<tr>
<td>Jabatan</td>
<td>:</td>
<td><input name=\"Jabatan_pegawai\" type=\"text\"
id=\"id\" 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=\"judul\" 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=\"judul\" value='' size=\"45\"></td>
</tr>
<tr>
<td width=67></td>
<td width=4> </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&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=\"judul\" 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=\"judul\" 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=\"id\" 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=\"id\" 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=\"judul\" 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=\"judul\" 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&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&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&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=\"judul\" 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=\"judul\" 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=\"id\" 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=\"id\" 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=\"id\" value='$dataku->alamat' readonly=\"\"
size=\"45\" maxlength=\"45\"></td>
</tr>
<tr>
<td>Telepon</td>
<td>:</td>
<td><input name=\"telepon\" type=\"text\" id=\"id\"
value='$dataku->telepon' readonly=\"\" size=\"45\"
maxlength=\"12\"></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input name=\"email\" type=\"text\" id=\"id\"
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=\"id\" 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=\"id\" 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=\"id\"
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=\"id\" 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=\"id\" 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=\"id\" 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=\"judul\" 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=\"judul\" 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&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=\"judul\" 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=\"judul\" 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=\"id\" 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=\"id\" 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=\"id\" value=\"\" size=\"45\" maxlength=\"45\"></td>
</tr>
<tr>
<td>Telepon</td>
<td>:</td>
<td><input name=\"telepon\" type=\"text\" id=\"id\"
value=\"\" size=\"45\" maxlength=\"12\"></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input name=\"email\" type=\"text\" id=\"id\"
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=\"id\" 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=\"id\" 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=\"id\" 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=\"id\" 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=\"id\" 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=\"id\" 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=\"judul\" value='' size=\"45\"></td>
</tr>
<tr>
<td width=\"17%\">Password</td>
<td width=10>:</td>
<td width=366><input name=\"password\" type=\"password\"
id=\"judul\" value='' size=\"45\"></td>
</tr>
</tr>
<td width=67></td>
<td width=4> </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: [email protected] / 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&menu=biodataPencariKerja">Daftar
Pencari Kerja</a></li>
<li><a
href="index.php?katmenu=menu&menu=PencarianData">Pencarian</a><
/li>
<li><a
href="index.php?katmenu=menu&menu=profil">Profil
Pegawai</a></li>
<li><a
href="index.php?katmenu=menu&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> </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&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&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&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: [email protected] / 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&menu=edit_warga">Updat
e Data Diri</a></li>
<li><a
href="../Logwarga/index.php?katmenu=menu&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> </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&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&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&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&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=\"judul\" 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=\"judul\" 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=\"id\" 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=\"id\" 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=\"id\" value='$dataku->alamat' readonly=\"\"
size=\"45\" maxlength=\"45\"></td>
</tr>
<tr>
<td>Telepon</td>
<td>:</td>
<td><input name=\"telepon\" type=\"text\" id=\"id\"
value='$dataku->telepon' readonly=\"\" size=\"45\"
maxlength=\"12\"></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input name=\"email\" type=\"text\" id=\"id\"
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=\"id\" 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=\"id\" 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=\"id\"
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=\"id\" 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=\"id\" 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=\"id\" 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=\"judul\" 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=\"judul\" 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 ([email protected]) */
/* 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;}