SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo...
Transcript of SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo...
i
SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS
WEB
Tugas Akhir disusun untuk memenuhi syarat
mencapai gelar Kesarjanaan Komputer pada
Program Studi Teknik Informatika
Jenjang Program Strata-1
Oleh :
AFIF CAHYO NUGROHO
15.01.63.0009
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS STIKUBANK (UNISBANK)
SEMARANG
2017
ii
iii
HALAMAN PENGESAHAN
iv
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS STIKUBANK (UNISBANK) SEMARANG
Program Studi : Teknik Informatika
Tugas Akhir Sarjana Komputer
Semester Ganjil Tahun 2017
SISTEM INFORMASI CAREER DEVELOPMENT CENTER
BERBASIS WEB
Abstrak
Dalam mencari informasi lowongan kerja, biasanya pelamar harus mendatangi
perusahaan untuk melihat ataupun bertanya mengenai lowongan pekerjaan yang
tersedia atau tidak. Proses tersebut kurang efisien dikarenakan membutuhkan waktu
dan biaya yang cukup. Untuk mempermudah pencari kerja mencari kerja, mencetak
data diri secara online dan melamar pekerjaan, maka merancang Sistem Informasi
Career Development Center Berbasis Web. Sistem informasi ini diharapkan
memberi kemudahan masyarakat dalam mencari pekerjaan. Dalam pembuatan
sistem ini menggunakan bahasa pemrograman HTML dan PHP menggunakan
database mysql untuk basisdatanya. Metodologi yang digunakan dalam merancang
sistem ini menggunakan metodologi prototipe. UML diagram digunakan untuk
mempermudah dalam merancang sistem ini.
Keywords: Sistem Informasi, Lowongan Kerja, career development center.
Semarang , Agustus 2017
Pembimbing
(Dewi Handayani UN, S.Kom, M.Kom.)
v
KATA PENGANTAR
Puji syukur kehadirat Tuhan Yang Maha Mendengar dan Maha Melihat
serta atas segala limpahan rahmat, perlindungan, serta kuasa-Nya sehingga penulis
dapat menyelesaikan karya tulis yang berbentuk skripsi ini sesuai dengan waktu
yang telah direncanakan. Sehingga tugas akhir yang berjudul “Sistem Informasi
Career Development Center Berbasis Web” dapat diselesaikan. Tugas akhir ini
merupakan syarat terakhir yang harus ditempuh untuk menyelesaikan pendidikan
pada jenjang Strata Satu (S1), pada Jurursan Teknik Informatika Universitas
Stikubank (UNISBANK) Semarang.
Dalam penulisan skripsi ini, tentunya banyak pihak yang telah memberikan bantuan
baik moril maupun materil. Oleh karena itu penulis ingin menyampaikan ucapan
terimakasih yang tiada hingganya kepada :
1. Dr. H. Hasan Abdul Rozak, S.H., C.N., M.M. selaku Rektor Universitas
Stikubank Semarang.
2. Dr. Drs. Yohanes Suhari, M.MSI selaku Dekan Fakultas Teknologi Informasi.
3. Jati Sasongko Wibowo, S.Kom, M.Cs selaku Ketua Program Studi Teknik
Informatika.
4. Dewi Handayani, S.Kom, M.Kom. selaku pembimbing yang telah membantu
dan memberikan bimbingan serta pengarahan dalam penelitian ini.
5. Seluruh Dosen pengampu di Program Studi Teknik Informatika Fakultas
Teknologi Informasi Universitas Stikubank Semarang yang telah memberikan
vi
ilmu dan pengalamannya masing-masing, sehingga penulis dapat
mengimplementasikan ilmu yang telah di sampaikan.
Tentunya sebagai manusia tidak pernah luput dari kesalahan, penulis menyadari
bahwa skripsi ini masih jauh dari kesempurnaan, Oleh karena itu saran dan kritik
yang konstruktif dari semua pihak sangat diharapkan demi penyempurnaan
selanjutnya. Akhirnya hanya kepada Allah SWT kita kembalikan semua urusan dan
semoga skripsi ini dapat bermanfaat bagi semua pihak, khususnya bagi penulis dan
para pembaca pada umumnya. Tuhan memberkati, Amin.
Semarang, Agustus 2017
Afif Cahyo Nugroho
vii
DAFTAR ISI
COVER .................................................................................................................... i
HALAMAN PENGESAHAN ................................................................................. ii
ABSTRAK ............................................................................................................. iv
KATA PENGANTAR ............................................................................................. v
DAFTAR ISI ......................................................................................................... vii
DAFTAR GAMBAR ............................................................................................... x
DAFTAR TABEL ................................................................................................ xiii
BAB I PENDAHULUAN ........................................................................................ 1
1.1. Latar Belakang .............................................................................................. 1
1.2. Perumusan Masalah ....................................................................................... 2
1.3. Batasan Masalah ............................................................................................ 2
1.4. Tujuan dan Manfaat Penelitian ...................................................................... 3
1.5. Metodologi .................................................................................................... 3
1.6. Sistematika Penulisan .................................................................................... 4
BAB II TINJAUAN PUSTAKA .............................................................................. 7
2.1. Pustaka Terkait Penelitian ............................................................................. 7
2.1.1. Career Center ......................................................................................... 7
2.1.2. Sistem Informasi .................................................................................... 7
2.2. Perbedaan dengan penelitian yang terlebih dahulu ....................................... 8
BAB III LANDASAN TEORI ............................................................................... 12
3.1. Career Development Center ........................................................................ 12
viii
3.1.1. Pengertian Karir ................................................................................... 12
3.1.2. Pegembangan Karir.............................................................................. 13
3.2. Unfied Modeling Language (UML) ............................................................ 14
3.2.1. Pengertian UML .................................................................................. 14
3.2.2. Notasi UML ......................................................................................... 17
3.2.3. Langkah Penggunaan UML ................................................................. 21
3.3. DBMS (Database Management Sistem) MySQL ....................................... 23
3.4. MySQL ........................................................................................................ 24
3.5. XAMPP ....................................................................................................... 26
3.6. PHP .............................................................................................................. 27
BAB IV ANALISIS DAN PERANCANGAN SISTEM ....................................... 30
4.1. Gambaran Umum Sistem ............................................................................ 30
4.2. Analisis Kebutuhan Sistem ......................................................................... 31
4.2.1. Analisa Kebutuhan Perangkat Keras ................................................... 31
4.2.2. Analisa Kebutuhan Perangkat Lunak .................................................. 31
4.2.3. Analisa Kebutuhan Fungsional ............................................................ 31
4.2.4. Analisa Kebutuhan Non Fungsional .................................................... 34
4.3. Desain Perancangan Sistem ......................................................................... 35
4.3.1. Pemodelan Use Case ............................................................................ 35
4.3.2. Pemodelan Activity Diagram (Diagram Aktifitas) .............................. 40
4.3.3. Class Diagram ...................................................................................... 54
4.3.4. Desain Perancangan Database ............................................................. 55
4.4. Perancangan Antarmuka Aplikasi ............................................................... 62
ix
4.4.1. Perancangan Halaman Utama .............................................................. 63
4.4.2. Perancangan Tampilan Registrasi Pencari Kerja ................................. 64
4.4.3. Perancangan Tampilan Registrasi Perusahaan .................................... 64
4.4.4. Perancangan Tampilan Masuk ............................................................. 65
4.4.5. Perancangan Tampilan Admin............................................................. 65
4.4.6. Perancangan Tampilan Admin Perusahaan ......................................... 66
4.4.7. Perancangan Tampilan Member Cari Kerja ........................................ 67
BAB V IMPLEMENTASI ..................................................................................... 68
5.1. Implementasi Sistem ................................................................................... 68
5.1.1. Implementasi Basis Data ..................................................................... 68
5.2.2. Implementasi Pengkodean Sistem ....................................................... 74
BAB VI HASIL PENELITIAN DAN PEMBAHASAN ....................................... 97
6.1 Pengujian Fungsional Administrator ............................................................ 97
BAB VII KESIMPULAN DAN SARAN ............................................................ 109
7.1. Kesimpulan ................................................................................................ 109
7.2. Saran .......................................................................................................... 110
DAFTAR PUSTAKA .......................................................................................... 111
LAMPIRAN ......................................................................................................... 112
x
DAFTAR GAMBAR
Gambar 3.1 Pengembangan Karir Organisasional ................................................ 13
Gambar 3.2 Notasi actor ....................................................................................... 18
Gambar 3.3 Notasi use case .................................................................................. 18
Gambar 3.4 Notasi interface ................................................................................. 19
Gambar 3.5 Notasi interaction .............................................................................. 19
Gambar 3.6 Notasi class ........................................................................................ 19
Gambar 3.7 Notasi note......................................................................................... 20
Gambar 3.8 Notasi generalization ......................................................................... 20
Gambar 3.9 Notasi dependency ............................................................................ 20
Gambar 3.10 Notasi association ............................................................................ 21
Gambar 3.11 Notasi realization............................................................................. 21
Gambar 3.12 Pengaktifan Paket Apache dan MySQL pada XAMPP .................. 27
Gambar 4.1 Gambaran Umum Sistem .................................................................. 30
Gambar 4.3 Use Case Diagram Admin ................................................................. 37
Gambar 4.4 Use Case Admin Perusahaan............................................................. 38
Gambar 4.5 Use Case Diagram User Cari Kerja................................................... 39
Gambar 4.6 Use Case Diagram Member Cari kerja ............................................. 40
Gambar 4.7 Activity Diagram Masuk Admin ....................................................... 41
Gambar 4.8 Activity Diagram Mengelola data perusahaan .................................. 42
Gambar 4.9 Activity Diagram Member Pencari Kerja ......................................... 43
Gambar 4.10 Activity Diagram Mengelola data Lowongan Kerja ....................... 44
Gambar 4.11 Activity Diagram Registrasi Perusahaan......................................... 45
Gambar 4.12 Activity Diagram masuk Admin Perusahaan .................................. 46
Gambar 4.13 Activity Diagram Mengelola Data Perusahaan ............................... 47
Gambar 4.14 Activity Diagram Mengelola Data Lowongan Pekerjaan ............... 48
Gambar 4.15 Activity Diagram Registrasi User Pencari Kerja ............................ 49
Gambar 4.16 Activity Diagram Masuk Member Pencari Kerja ........................... 50
Gambar 4.17 Activity Diagram Mengelola Member Pencari Kerja ..................... 51
Gambar 4.18 Activity Diagram Kirim Lamaran Pekerjaan .................................. 52
xi
Gambar 4.19 Activity Diagram user Pencari Kerja .............................................. 53
Gambar 4.20 Activity Diagram Registrasi User Pencari Kerja ............................ 54
Gambar 4.21 Class Diagram ................................................................................. 55
Gambar 4.22 Rancangan Halaman Utama ............................................................ 63
Gambar 4.23 Rancangan Tampilan Registrasi User Pencari Kerja ...................... 64
Gambar 4.24 Rancangan Tampilan Registrasi Perusahaan................................... 65
Gambar 4.25 Perancangan Tampilan Masuk ........................................................ 65
Gambar 4.26 Rancangan Tampilan Form Administrator ...................................... 66
Gambar 4.27 Rancangan Tampilan Admin Perusahaan ....................................... 66
Gambar 4.28 Rancangan Tampilan Form Member Pencari Kerja ........................ 67
Gambar 5.1 Struktur Tabel member...................................................................... 69
Gambar 5.2 Struktur Tabel member_detail ........................................................... 69
Gambar 5.3 Struktur Tabel member_detail_kerja ................................................. 70
Gambar 5.4 Struktur Tabel member_detail_pendidikan ....................................... 70
Gambar 5.5 Struktur Tabel member_detail_organisasi ........................................ 71
Gambar 5.6 Struktur Tabel member_detail_ketrampilan...................................... 71
Gambar 5.7 Struktur Tabel member_detail_sosial................................................ 72
Gambar 5.8 Struktur Tabel perusahaan ................................................................. 72
Gambar 5.9 Struktur Tabel Lowongan Pekerjaan ................................................. 73
Gambar 5.10 Struktur Tabel lamaran .................................................................... 73
Gambar 5.11 Implementasi Halaman Depan ........................................................ 74
Gambar 5.12 Implementasi Halaman masuk ........................................................ 76
Gambar 5.13 Implementasi Halaman depan administrator ................................... 78
Gambar 5.14 Implementasi Halaman lihat admin................................................. 79
Gambar 5.15 Implementasi Menu lihat data perusahaan ...................................... 80
Gambar 5.16 Form Tambah Data Perusahaan ...................................................... 80
Gambar 5.17 Form Ubah Data Perusahaan ........................................................... 81
Gambar 5.18 Form Hapus Data Perusahaan ......................................................... 81
Gambar 5.19 Form Detail Data Perusahaan .......................................................... 82
Gambar 5.20 Implementasi Halaman Data Lowongan Pekerjaan ........................ 82
Gambar 5.21 Form Tambah Data Lowongan ....................................................... 83
xii
Gambar 5.22 Form Hapus Data Lowongan .......................................................... 83
Gambar 5.23 Form Ubah Data Lowongan Kerja .................................................. 84
Gambar 5.24 Implementasi Halaman depan admin Perusahaan ........................... 85
Gambar 5.25 Implementasi Halaman Detail Perusahaan ...................................... 86
Gambar 5.26 Form Ubah Data Perusahaan ........................................................... 86
Gambar 5.27 Form Detail Data Perusahaan .......................................................... 87
Gambar 5.28 Implementasi Halaman Lihat data Lowongan ................................ 87
Gambar 5.29 Form Tambah Data Lowongan ....................................................... 88
Gambar 5.30 Form Hapus Data Lowongan .......................................................... 88
Gambar 5.31 Form Ubah Data Lowongan ............................................................ 89
Gambar 5.32 Implementasi Halaman depan member pencari kerja ..................... 89
Gambar 5.33 Halaman menu dashboard member pencari kerja ........................... 90
Gambar 5.34 Halaman Daftar lowongan pekerjaan .............................................. 91
Gambar 5.35 Halaman menu profil member pencari kerja ................................... 91
Gambar 5.36 Halaman menu Ubah Profil Member Pencari Kerja ....................... 92
Gambar 5.37 Ganti Password Member Pencari Kerja .......................................... 93
Gambar 5.38 Implementasi Halaman registrasi user pencari kerja....................... 93
Gambar 5.39 Implementasi Halaman registrasi perusahaan ................................. 95
xiii
DAFTAR TABEL
Tabel 2.1 Perbandingan Sistem Informasi CDC ................................................... 10
Tabel 4.1 Tabel member ...................................................................................... 55
Tabel 4.2 Tabel member_detail............................................................................. 56
Tabel 4.3 Tabel member_detail_kerja................................................................... 57
Tabel 4.4 Tabel member_detail_organisasi .......................................................... 58
Tabel 4.5 Tabel member_detail_pendidikan ......................................................... 59
Tabel 4.6 Tabel member_detail_ketrampilan ....................................................... 59
Tabel 4.7 Tabel perusahaan................................................................................... 60
Tabel 4.8 Tabel lowongan ..................................................................................... 61
Tabel 4.9 Tabel lamaran ........................................................................................ 62
Tabel 6.1 Hasil Pengujian Fungsionalitas Administrator ..................................... 98
Tabel 6.2 Tabel Admin Perusahaan .................................................................... 102
Tabel 6.3 Tabel Member Pencari Kerja .............................................................. 105
Tabel 6.4 Tabel User Pencari Kerja .................................................................... 107
1
BAB I
PENDAHULUAN
1.1. Latar Belakang
Pada zaman ini perkembangan dunia teknologi informasi semakin tahun
semakin berkembang pesat dan bermanfaat serta berguna bagi masyarakat. Salah
satunya menyampaikan informasi sudah sangat mudah, yaitu dengan menggunakan
internet yang diletakan secara on-line dan berbasis web. Dikarenakan semakin
berkembang teknologi, maka banyak riset-riset mengenai penemuan baru. Salah
satunya sistem informasi Career Development Center.
Saat ini penyampaian informasi lowongan pekerjaan sangatlah penting untuk
diketahui oleh banyak orang terutama para pencari kerja. Sulitnya mencari
pekerjaan seakan jadi masalah yang tidak pernah habisnya. Secara sosial seseorang
yang memiliki pekerjaan akan lebih dihargai di masyarakat. Namun saat ini dalam
mencari informasi pekerjaan pelamar masih diharuskan mencari lowongan ke
perusahaan penyedia lowongan untuk mengetahui mengenai lowongan pekerjaan.
Proses pencarian pekerjaan tersebut kurang efisien dikarenakan membutuhkan
waktu dan biaya untuk mendatangi setiap perusahaan.
Sistem informasi lowongan kerja saat ini yang tersedia di website sudah
banyak, namun masih sedikit website informasi lowongan pekerjaan yang dapat
mencetak CV dan langsung kirim lamaran secara online.
Oleh karena itu, berdasarkan permasalahan tersebut di atas maka dalam
Tugas Akhir ini penulis membuat sebuah “Sistem Informasi Career Development
2
Center Berbasis Web”. Sistem informasi ini diharapkan memberi kemudahan bagi
pencari kerja dalam pencarian kerja, serta para pencari kerja dapat langsung
mencetak data diri secara online.
1.2. Perumusan Masalah
Dari latar belakang permasalahan tersebut maka dapat disimpulkan suatu
permasalahan yakni membuat suatu sistem yang dapat membantu mempermudah
dalam pencarian pekerjaan dan membuat CV secara on-line, maka dibuat
perancangan Sistem Informasi Career Development Center Berbasis Web yang
dapat melakukan pencarian pekerjaan dan pencetakan data diri langsung secara
online.
1.3. Batasan Masalah
Dalam pembuatan penelitian ini diperlukan definisi batasan masalah mengenai
sejauh mana pembuatan sistem ini akan dikerjakan. Beberapa batasan masalah
tersebut antara lain :
1) Perusahaan/penyedia lowongan dapat mendaftarkan perusahaannya untuk
memberikan informasi lowongan pekerjaan dan kriteria atau syarat
kandidat yang diinginkan serta dapat perekrutan kandidat yang potensial.
2) Administrator mempunyai akses penuh terhadap sistem termasuk informasi
lowongan yang diposting oleh peruhasaan.
3) User pencari kerja ataupun user yang telah terdaftar menjadi member tidak
dapat menambahkan data universitas, fakultas dan kategori kerja.
4) Pemrograman ini menggunakan PHP bootstrap dan database MySQL.
3
1.4. Tujuan dan Manfaat Penelitian
Tujuan dari pembuatan penelitian ini adalah membuat dan merancang suatu
media informasi lowongan pekerjaan berbasis web untuk mendapatkan informasi
tentang lowongan pekerjaan.
1.5. Metodologi
Metodologi penelitian yang digunakan untuk membangun dan
mengembangkan sistem adalah prototipe meliputi kegiatan:
Gambar 1.1 Gambar Metodologi Prototype
1. Tahap awal, yaitu adalah tahap pengumpulan data, adalah tahap
pengumpulan data-data yang diperlukan seperti data perusahaan, lowongan
pekerjaan, dan pencari kerja.
2. Tahap kedua, adalah tahap perancangan sistem, yaitu tahap dimana penulis
mencoba mencari solusi dari permasalahan yang didapat dari tahap analisis.
3. Tahap ketiga, adalah tahap bangun prototipe dimana penulis
mengimplementasikan perencanaan sistem ke situasi nyata yaitu dengan
4
pemilihan perangkat keras dan penyusunan perangkat lunak aplikasi
(pengkodean/coding).
4. Tahap keempat, adalah tahap Evaluasi prototipe dimana untuk menentukan
apakah sistem atau perangkat lunak yang dibuat sudah sesuai dengan
kebutuhan pengguna atau belum, jika belum, proses selanjutnya adalah
bersifat iteratif, yaitu kembali ketahap-tahap sebelumnya. Dan tujuan dari
pengujian itu sendiri adalah untuk menghilangkan atau meminimalisasi
cacat program (defect) sehingga sistem yang dikembangkan benar-benar
akan membantu para pengguna saat mereka melakukan aktivitas-
aktivitasnya .
5. Tahap kelima (tahap terakhir), adalah tahap perbaikan prototipe atau
perawatan dimana pada tahap ini mulai dimulainya proses pengoperasian
sistem dan jika diperlukan melakukan perbaikan-perbaikan kecil. Kemudian
jika waktu penggunaan sistem habis, maka akan masuk lagi pada tahap
perencanaan.
1.6. Sistematika Penulisan
Untuk mempermudah dalam memperoleh gambaran mengenai
permasalahan yang dibahas, maka dalam penulisan Penelitian dibagi dalam lima
bab. Isi dari masing-masing bab tersebut adalah sebagai berikut :
5
BAB I PENDAHULUAN
Bab ini berisi tentang latar belakang, perumusan masalah, tujuan
penelitian, metodologi penelitian, dan sistematika penulisan.
BAB II TINJAUAN PUSTAKA
Bab ini memuat uraian sistematis tentang informasi hasil penelitian
yang telah dilakukan sebelumnya dan menghubungkannya dengan
penelitian yang sedang diteliti yaitu sistem informasi career
development center berbasis web.
BAB III LANDASAN TEORI
Bab ini membahas tentang pengertian Career Development Center
dan UML yang mendukung pembuatan Penelitian yang berjudul
Sistem Informasi Career Development Center Berbasis Web.
BAB IV PERENCANAAN DAN RANCANGAN SISTEM
Bab ini berisi tentang gambaran umum sistem, perancangan sistem
secara umum dengan menggunakan Unified Modelling Language
(UML), dan perancangan pengujian sistem.
BAB V IMPLEMENTASI DAN PENGUJIAN
Bab ini berisi tentang langkah kerja pembuatan sistem, serta
pengujian yang dilakukan terhadap sistem. Pengujian yang
dilakukan yaitu pengujian secara fungsional dan tingkat kepuasan
pengguna.
6
BAB VI HASIL PENELITIAN DAN PEMBAHASAN
Bab ini berisi tentang hasil penelitian dan pembahasan dari Sistem
Informasi Career Development center yang telah dibuat.
BAB VII KESIMPULAN DAN SARAN
Bab ini berisi kesimpulan dan saran dari pembuatan Penelitian.
DAFTAR PUSTAKA
LAMPIRAN
7
BAB II
TINJAUAN PUSTAKA
2.1. Pustaka Terkait Penelitian
2.1.1. Career Center
Menurut Simamora (2001:505) karir adalah “Urutan aktifitas-
aktifitas yang berkaitan dengan pekerjaan dan perilaku-perilaku, nilai-
nilai, dan aspirasi seseorang selama rentang hidup orang tersebut.”
Perencanaan karir merupakan proses yang di sengaja di mana dengan
melaluinya seseorang menjadi sadar akan atribut-atribut yang
berhubungan dengan karir personal dan serangkaian langkah sepanjang
hidup memberikan sumbangan pemenuhan karir.
Menurut Dalil (2002:277) “Karir merupakan suatu proses yang
sengaja diciptakan perusahaan untuk membantu karyawan agar
membantu partisipasi ditempat kerja." Sementara itu Glueck (1997:134)
menyatakan karir individual adalah urutan pengalaman yang berkaitan
dengan pekerjaan yang dialami seseorang selama masa kerjanya.
Sehingga karir individu melibatkan rangkaian pilihan dari berbagai
kesempatan, tapi dari sudut pandang organisasi karir merupakan proses
regenerasi tugas yang baru.
2.1.2. Sistem Informasi
Sistem informasi ialah kombinasi dari manusia, fasilitas atau alat
teknologi, media, prosedur dan pengendalian yang ditujukan untuk
mengatur jaringan komunikasi yang penting, proses transaksi tertentu
8
dan rutin, membantu manajemen dan pemakai intern dan ekstern dan
menyediakan dasar untuk pengambilan keputusan yang tepat (Nash, J. F,
2003:8).
Sistem informasi merupakan sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian, membantu dan
mendukung kegiatan operasi, bersifat manajerial dari suatu organisasi
dan membantu mempermudah penyediaan laporan yang diperlukan
(Arbie, 2001:35).
Sistem informasi adalah suatu sistem dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian yang
mendukung fungsi operasi organisasi yang bersifat manajerial dengan
kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada
pihak luar tertentu dengan laporan-laporan yang diperlukan (Sutabri,
2005:42).
2.2. Perbedaan dengan penelitian yang terlebih dahulu
Banyak sistem informasi career development center berbasis web yang
dikembangkan secara komersil maupun berdasarkan penelitian ilmiah
akademik seperti tugas akhir, skripsi, jurnal, dan sebagainya. Penyajiannya
beragam mulai dari tampilan, pengiriman lamaran, registrasi dan sebagainya.
Dwi Wahyono,Rahmad (2014) melakukan penelitian yang berisi
mengenai rancangan dan membangun sistem pencari kerja berbasis web
dimana perusahaan penyedia lowongan kerja dan user pencari kerja dapat
saling berinteraksi satu sama lain. Dalam penelitian yang dilakukan oleh
9
Prameswara & Christianti (2013) berisi mengenai aplikasi untuk membantu
pelamar pekerjaan mendapatkan informasi lowongan kerja, dimana didalam
sistem dapat mengelola data profil perusahaan dan persyaratan yang diberikan
oleh perusahaan dan media perantara yang memberikan informasi kepada
perusahaan untuk menyeleksi kesesuaian kualifikasi dan persyaratan dari suatu
lowongan pekerjaan.Sutarna(2014) melakukan penelitian untuk membantu
mahasiswa/alumni dalam mencari informasi lowongan pekerjaan dan
perusahaan/penyedia lowongan dapat mendaftarkan perusahaannya untuk
memberikan informasi lowongan pekerjaan dan kriteria atau syarat kandidat
yang diinginkan serta dapat perekrutan kandidat yang potensial.
Hasil perbandingan sistem disajikan dalam Tabel 2.1
10
Tabel 2.1 Perbandingan Sistem Informasi CDC
No. Nama Judul Tahun Isi Hasil
1.
Rahmad Dwi
Wahyono
Aplikasi Pencari Kerja
Berbasis Web 2014
Merancang dan membangun
sistem pencari kerja berbasis
web sebagai media efektif dan
efisien bagi perusahaan dan
pencari kerja
Menghasilkan sistem
informasi lowongan pekerjaan
dan pelamar kerja dapat
mengirimkan lamaran
pekerjaan.
2.
Swarry Chalatra
Prameswara,
Meliana
Christianti J
Sistem Informasi
Lowongan dan
Lamaran Pekerjaan
Berbasis Web
Menggunakan
ASP.NET
2013
Lowongan pekerjaan dimana
user pencari kerja dapat
melakukan kirim lamaran
pekerjaan.
Memberikan informasi
lowongan pekerjaan, deskripsi
pekerjaan dan lokasi
penempatan kerja dari
perusahaan yang telah
terdaftar dalam sistem.
11
3.
Sutarna
Rancang Bangun
Sistem Informasi
Career Development
Center Berbasis Web
Di STMIK Duta
Bangsa Surakarta
2014
Peneliti membuat penelitian ini
digunakan sebagai alat bantu
untuk
mahasiswa/alumni untuk
mendapatkan informasi tentang
lowongan perkerjaan
Perusahaan/penyedia
lowongan dapat mendaftarkan
perusahaannya untuk
memberikan informasi
lowongan pekerjaan dan
kriteria atau syarat kandidat
yang diinginkan serta dapat
perekrutan kandidat yang
potensial
12
BAB III
LANDASAN TEORI
3.1. Career Development Center
3.1.1. Pengertian Karir
Karir ditafsirkan beragam oleh para ahli sesuai disiplin ilmunya. Menurut
Simamora (2001:505) karir adalah “ Urutan ak tifitas-aktifitas yang berkaitan
dengan pekerjaan dan perilaku-perilaku, nilai-nilai, dan aspirasi seseorang
selama rentang hidup orang tersebut”. Perencanaan karir merupakan proses
yang disengaja di mana dengan melaluinya seseorang menjadi sadar akan
atribut-atribut yang berhubungan dengan karir personal dan
serangkaian langkah sepanjang hidup memberikan sumbangan pemenuhan
karir.
Pendapat Indri,E (2002:256). Karir tidak lagi diartikan sebagai adanya
penghargaan institusional dengan meningkatka kedudukan dalam hirarki
formal yang sudah ditetapkan dalam organisasi. Dalam paradigma tradisional,
pengembangan karir sering dianggap sinonim dengan persiapan untuk
mobilitas ke jenjang lebih tinggi, sehingga karir akan mendukung
efektifitas individu dan organisasi dalam mencapai tujuannya.
Menurut Dalil S (2002 :277) “ karir merupakan suatu proses yang sengaja
diciptakan perusahaan untuk membantu karyawan agar membantu
partisipasi ditempat kerja. Sementara itu Glueck (1997:134) menyatakan karir
individual adalah urutan pengalaman yang berkaitan dengan pekerjaan yang
13
dialami seseorang selama masa kerjanya. Sehingga karir individu
melibatkan rangkaian pilihan dari berbagai kesempatan, tapi dari sudut
pandang organisasi karir merupakan proses regenerasi tugas yang baru.
Sedangkan pendapat Indri, E (2002:258) karir digunakan untuk menjelaskan
orang-orang pada masing-masing peran atau status. Karir adalah semua
jabatan (pekerjaan) yang mempunyai tanggung jawab individu. Sehingga
dapat disimpulkan bahwa karir adalah suatu rangkaian atau pekerjaan yang
dicapai seseorang dalam kurun waktu tertentu yang berkaitan dengan sikap,
nilai, perilaku dan motivasi dalam individu. Dan latar belakangnya.
3.1.2. Pegembangan Karir
Pengembangan karir (career development) meliputi manajemen karir
(career management) dan perencanaan karir (career planning).
Sebagaimana gambar 3.1 dijelaskan sebagai berikut
Gambar 3.1 Pengembangan Karir Organisasional
(Simamora, 2001:505)
Gambar 3.1 menjelaskan bahwa pengembangan karir organisasional
merupakan hasil-hasil yang muncul dari interaksi antara perencanaan karir
individu dengan manajemen karir secara institusional.
Pengembangan karir (career development) adalah suatu kondisi yang
menunjukkan adanya peningkatan jenjang atau status seseorang dalam
14
pekerjaannya Hal –hal yang mendorong seseorang memilih pengembangan
karir sebagai wirausaha, dapat diketahui melalui penilaia kepribadian
khususnya pengalaman dan latar belakangnya.
3.2. Unfied Modeling Language (UML)
3.2.1. Pengertian UML
UML (Unified Modeling Language) adalah sebuah “bahasa” yang telah
menjadi standar dalam industri untuk visualisasi, merancang dan
mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar
untuk merancang model sebuah sistem. Dengan menggunakan UML kita
dapat membuat model untuk semua jenis aplikasi piranti lunak dimana
aplikasi tersebut dapat berjalan pada piranti keras, sistem operasi dan jaringan
apapun, serta ditulis dalam bahasa pemrograman apapun. (Sugiarti, 2013:34).
UML bisa digunakan untuk :
1. Menggambarkan batasan sistem dan fungsi-fungsi sistem secara umum,
dibuat dengan uce case dan actor.
2. Menggambarkan kegiatan atau proses bisnis yang dilaksanakan secara
umum, dibuat dengan interaction diagrams.
3. Menggambarkan representasi struktur static sebuah sistem dalam bentuk
class diagrams.
4. Membuat model behavior “yang menggambarkan atau sifat sebuah
sistem” dengan state transition diagrams.
5. Menyatakan arsitektur implementasi fisik menggunakan component and
development diagrams.
15
6. Menyampaikan atau memperluas fungsionality dengan streotypes.
Pemodelan menggunakan UML merupakan metode pemodelan berorientasi
objek dan berbasis visual. Karenanya pemodelan menggunakan UML
merupakan pemodelan objek yang focus pada pendefinisian struktur statis dan
model sistem informasi yang dinamis daripada mendefinisikan data dan
model proses yang tujuannya adalah pengembangan tradisional. UML
menawarkan diagram yang dikelompokkan menjadi lima perspektif berbeda
untuk memodelkan suatu sistem. Seperti satu set blue print yang digunakan
untuk membangun sebuah rumah.UML tidak mencakup :
1. Bahasa Pemrograman.
UML adalah bahasa pemodelan visual, bukan dimaksudkan untuk
menjadi suatu bahasa pemrograman visual, tetapi UML memberikan arah
untuk bergerak ke arah kode , dalam aplikasi Visual UML model tertentu
dapat melakukan konversi dari model yang sudah dibuat menjadi skeleton
code.
2. Tool (Software aplikasi) pemodelan.
Membuat standar sebuah bahasa diperlukan oleh tool-tool dan proses.
UML mendefinisikan semantik dan notasi, bukan sebuah tool. Contoh
tool yang menggunakan UML sebagai bahasanya adalah Rational Rose,
Enterprise Architect, Visual Paradigm.
3. Proses Rekayasa.
UML digunakan sebagai bahasa dalam proyek denga proses yang
berbeda-beda. UML bebas dari proses dan mendefinisikan sebuah proses
16
standar bukan tujuan UML atau RFP(Request For Proposal) dari
OMG(Object Management Group).
Dalam pengelompokkannya model atau diagram UML dikelompokkan
berdasarkan aspek atau sudut pandang tertentu. Jenis diagram itu antara
lain :
1) Use Case Diagram
Pada diagram Use Case menggambarkan apa saja interaksi yang
dilakukan antara sistem dan pengguna sistem. Diagram Use Case
erat kaitannya dengann kejadian – kejadian.
2) Activity Diagram
Activity diagram menggambarkan alur aktivitas dari tiap proses
dalam sistem. Activity diagram juga dapat menggambarkan proses
parallel yang mungkin terjadi pada beberapa eksekusi.
3) Sequence Diagram
Menggambarkan dalam bentuk grafis bagaimana obyek – obyek
saling berinteraksi satu sama lain di dalam sistem dan di sekitar
sistem, melalui pesan selama proses eksekusi suatu use case /
operasi.
4) Class Diagram
Class diagram menggambarkan struktur dan deskripsi class,
package, dan objek dari sistem serta hubungan / relasi antar obyek.
17
5) Statechart / State / State Machine Diagram
Berbeda dengan diagram – diagram behavior lainnya yang
memodelkan interaksi diantara beberapa class, state diagram hanya
memodelkan berbagai macam keadaan yang dapat dialami suatu
obyek beserta transisi antar keadaan tersebut.
6) Collaboration Diagram
Collaboration diagram juga menggambarkan interaksi antar obyek
dalam sistem seperti sequence diagram, tetapi diagram ini lebih
memusatkan atau memfokuskan pada keseluruhan kegiatan operasi
yang dilakukan obyek.
7) Component Diagram
Menggambarkan struktur dan hubungan antar komponen piranti
lunak, termasuk ketergantungan diantaranya seperti halnya
menunjukkan organisasi.
8) Deployment Diagram
Menggambarkan secara detail bagaimana komponen dibangun
dalam infrastruktur sistem, dimana komponen akan diletakkan dan
bagaimana kemampuan jaringan pada lokasi tersebut dan hal – hal
lain yang bersifat fisikal.
3.2.2. Notasi UML
a. Actor
Actor menggambarkan segala pengguna perangkat lunak aplikasi (user).
Actor memberikan suatu gambaran jelas tentang apa yang harus dikerjakan
18
aplikasi perangkat lunak. Sebagai contoh sebuah actor dapat memberikan
masukan kedalam dan menerima informasi dari aplikasi perangkat lunak,
perlu dicata bahwa sebuah actor berinteraksi dengan use case, tetapi tidak
memiliki kontrol atas use case. Sebuah actor mungkin seorang manusia,
satu device, perangkat keras atau sistem informasi lainnya. Penggambaran
notasi actor dapat dilihat pada Gambar 3.2.
Gambar 3.2 Notasi actor
b. Use Case
Use case menjelaskan urutan kegiatan yang dilakukan actor dan sistem
untuk mencapai suatu tujuan tertentu. Walaupun menjelaskan kegiatan,
namun use case hanya menjelaskan apa yang dilakukan oleh actor dan
sistem bukan bagaimana actor dan sistem melakukan kegiatan tersebut.
Penggambaran notasi use case dapat dilihat pada Gambar 3.3.
Gambar 3.3 Notasi use case
c. Interface
Interface merupakan kumpulan operasi tanpa implementasi dari suatu class.
Implementasi operasi dalam interface dijabarkan oleh operasi didalam class.
Oleh karena itu keberadaan interface selalu disertai oleh class yang
mengimplementasikan operasinya. Interface ini merupakan salah satu cara
19
mewujudkan prinsip enkapsulasi dalam obyek. Penggambaran notasi
interface dapat dilihat pada Gambar 3.4.
Gambar 3.4 Notasi interface
d. Interaction
Interaction digunakan untuk menunjukkan baik aliran pesan atau informasi
antar obyek maupun hubungan antar obyek. Biasanya interaction ini
dilengkapi juga dengan teks bernama operation signature yang tersusun dari
nama operasi, parameter yang dikirim dan tipe parameter yang
dikembalikan. Penggambaran notasi interface dapat dilihat pada Gambar
3.5
Gambar 3.5 Notasi interaction
e. Class
Class merupakan pemberntuk utama dari sistem berorientasi obyek, karena
class menunjukkan kumpulan obyek yang memiliki atribut dan operasi yang
sama. Class digunakan untuk mengimplementasikan interface.
Class digunakan untuk mengabstraksikan elemen-elemen dari sistem yang
sedang dibangun. Class bisa merepresentasikan baik perangkat lunak
maupun perangkat keras, baik konsep maupun benda nyata. Penggambaran
notasi class dapat dilihat pada Gambar 3.6.
Gambar 3.6 Notasi class
20
f. Note
Note digunakan untuk memberikan keterangan atau komentar tambahan dari
suatu elemen sehingga bisa langsung terlampir dalam model. Note ini bisa
disertakan ke semua elemen notasi yang lain. Penggambaran notasi note
dapat dilihat pada Gambar 3.7.
Gambar 3.7 Notasi note
g. Generalization
Generalization menunjukkan hubungan antara elemen yang lebih umum ke
elemen yang lebih spesifik. Dengan generalization, class yang lebih spesifik
(subclass) akan menurunkan atribut dan operasi dari class yang lebih umum
(superclass) atau “subclass is superclass”. Dengan menggunakan notasi
generalization ini, konsep inheritance dari prinsip hirarki dapat dimodelkan.
Penggambaran notasi generalization dapat dilihat pada Gambar 3.8.
Gambar 3.8 Notasi generalization
h. Dependency
Dependency merupakan relasi yang menunjukkan bahwa perubahan pada
salah satu elemen memberi pengaruh pada elemen lain. Elemen yang ada di
bagian tanda panah adalah elemen yang tergantung pada elemen yang ada
dibagian tanpa tanda panah. Penggambaran notasi dependency dapat dilihat
pada Gambar 3.9.
Gambar 3.9 Notasi dependency
21
i. Association
Association menggambarkan navigasi antar class (navigaton), berapa
banyak obyek lain yang bisa berhubungan dengan satu obyek (multiplicity
antar class) dan apakah suatu class menjadi bagian dari class lainnya
(aggregation). Penggambaran notasi association dapat dilihat pada Gambar
3.10.
Gambar 3.10 Notasi association
j. Realization
Realization menunjukkan hubungan bahwa elemen yang ada di bagian tanpa
panah akan merealisasikan apa yang dinyatakan oleh elemen yang ada di
bagian dengan panah. Misalnya class merealisasikan package, component
merealisasikan class atau interface. Penggambaran notasi interface dapat
dilihat pada Gambar 3.11.
Gambar 3.11 Notasi realization
3.2.3. Langkah Penggunaan UML
Menurut Henderi (2008:6), langkah-langkah penggunaan Unified Modeling
Language (UML) sebagai berikut:
1. Buatlah daftar business process dari level tertinggi untuk
mendefinisikan aktivitas dan proses yang mungkin muncul.
2. Petakan use case untuk setiap business process untuk mendefinisikan
dengan tepat fungsional yang harus disediakan oleh sistem, kemudian
22
perhalus use case diagram dan lengkapi dengan requirement,
constraints dan catatan-catatan lain.
3. Buatlah deployment diagram secara kasar untuk mendefinisikan
arsitektur fisik sistem.
4. Definisikan requirement lain non fungsional, security dan sebagainya
yang juga harus disediakan oleh sistem.
5. Berdasarkan use case diagram, mulailah membuat activity diagram.
6. Definisikan obyek - obyek level atas package atau domain dan buatlah
sequence dan/atau collaboration untuk tiap alur pekerjaan, jika sebuah
use case memiliki kemungkinan alur normal dan error, buat lagi satu
diagram untuk masing-masing alur.
7. Buatlah rancangan user interface model yang menyediakan antar
muka bagi pengguna untuk menjalankan skenario use case.
8. Berdasarkan model-model yang sudah ada, buatlah class diagram.
Setiap package atau domian dipecah menjadi hirarki class lengkap
dengan Atribut dan metodenya. Akan lebih baik jika untuk setiap class
dibuat unit test untuk menguji fungsionalitas class dan interaksi
dengan class lain.
9. Setelah class diagram dibuat, kita dapat melihat kemungkinan
pengelompokkan class menjadi komponen-komponen karena itu
buatlah component diagram pada tahap ini. Juga, definisikan test
integrasi untuk setiap komponen meyakinkan ia bereaksi dengan baik.
23
10. Perhalus deployment diagram yang sudah dibuat. Detilkan
kemampuan dan requirement piranti lunak, sistem operasi, jaringan
dan sebagainya. Petakan komponen ke dalam node.
11. Mulailah membangun sistem. Ada dua pendekatan yang tepat
digunakan: 1.)Pendekatan use case dengan mengassign setiap use case
kepada tim pengembang tertentu untuk mengembangkan unit kode
yang lengkap dengan test. 2.)Pendekatan komponen yaitu mengassign
setiap komponen kepada tim pengembang tertentu.
3.3. DBMS (Database Management Sistem) MySQL
Database Management Sistem (DBMS) menurut Kusrini (2007) adalah
perangkat lunak yang menangani semua akses ke basis data. Secara konsep,
apa yang terjadi adalah sebagai berikut :
1. Pengguna melakukan pengaksesan basis data untuk informasi yang
diperlukan menggunakan suatu bahasa mengelola data, biasanya disebut
SQL.
2. DBMS menerima permintaan dari pengguna dan menganalisa
permintaan tersebut.
3. DBMS memeriksa skema eksternal pengguna, pemetaan eksternal,
skema konseptual, pemetaan konseptual, dan struktur penyimpanan
24
4. DBMS mengeksekusi operasi – operasi yang diperlukan untuk
memenuhi permintaan penguna.
Contoh dari Database Management Sistem yaitu Microsoft SQL
Server 2000, Oracle, MySQL, Interbase, Paradox dan Microsoft Acces.
MySQL merupakan salah satu DBMS open source yang paling populer
pada saat ini. Meskipun dahulu MySQL pernah dikritisi karena tidak
memiliki beberapa fitur yang ada dalam DBMS pada umumnya,
namun saat ini MySQL sudah banyak dikembangkan.
Sebelum melakukan koneksi ke MySQL ada beberapa parameter yang
harus ketahui terlebih dahulu. Untuk melakukan koneksi, dibutuhkan:
1) Server name, merupakan nama server atau IP address server dimana
MySQL tersebut diinstall
2) Username, merupakan nama user yang diberikan wewenang untuk
mengaksesdatabase dalam MySQL
3) Password, merupakan password yang dimiliki username dalam
rangka autentifikasi.
3.4. MySQL
MySQL, merupakan aplikasi atau perangkat lunak sistem manajemen basis
data SQL atau DBMS (Database Management Sistem). MySQL sebenarnya
merupakan turunan salah satu konsep utama dalam basis data yang telah ada
sebelumnya yaitu SQL yang merupakan kepanjangan dari Structured Query
Language. SQL merupakan bahasa terstruktur yang digunakan untuk mengolah
25
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. Kehandalan
suatu DBMS dapat diketahui cara kerja dalam melakukan proses perintah SQL
yang dibuat pengguna maupun program aplikasi yang memanfaatkannya.
(Anonius, 2010)
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) Open Source. MySQL didistribusikan secara open source, dibawah lisensi
GPL sehingga dapat digunakan secara Cuma-Cuma.
3) ‘Multiuser’. MySQL dapat digunakan oleh beberapa user 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) Jenis Kolom. MySQL memiliki tipe kolom yang sangat kompleks, 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).
26
7) Keamanan. MySQL memiliki beberapa lapisan sekuritas seperti level
subnetmask, nama host, dan izin akses user dengan sistem perizinan yang
mendetail serta sandi terenkripsi.
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 interface (antar muka) 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.
3.5. XAMPP
27
XAMPP merupakan paket PHP yang berbasis open source yang dikembangkan
oleh sebuah komunitas. Dengan menggunakan XAMPP tidak dibingungkan
dengan penginstalan program- program lain, karena semua kebutuhan terlah
tersedia oleh XAMPP. Yang terdapat pada XAMPP di antaranya : Apache,
MySQL, PHP, FileZilla FTP Server, PHPmyAdmin dll. Fungsi XAMPP
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 Pearl. Nama XAMPP merupakan
singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan
Pearl. Program ini tersedia dalam GNU (General Public License) dan bebas,
merupakan web server yang mudah digunakan yang dapat melayani tampilan
halaman web yang dinamis. Proses pengaktifkan paket Apache dan MySQL
pembuatan aplikasi OFICIA terdapat dalam salah satu program pada XAMPP
yaitu XAMPP Control Panel. Gambar 3.12 merupakan proses pengaktifan
paket Apache dan MySQL.
Gambar 3.12 Pengaktifan Paket Apache dan MySQL pada XAMPP
3.6. PHP
PHP adalah bahasa pemrograman script server-side yang didesain untuk
pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa
pemrograman umum (wikipedia). PHP di kembangkan pada tahun 1995 oleh
28
Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group. Situs resmi PHP
beralamat di http://www.php.net.
PHP disebut bahasa pemrograman server side karena PHP diproses pada
komputer server. Hal ini berbeda dibandingkan dengan bahasa pemrograman
client-side seperti JavaScript yang diproses pada web browser (client).
Pada awalnya PHP merupakan singkatan dari Personal Home Page.
Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi.
Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa
pemrograman web yang powerful dan tidak hanya digunakan untuk membuat
halaman web sederhana, tetapi juga website populer yang digunakan oleh
jutaan orang seperti wikipedia, wordpress, joomla, dll.
Saat ini PHP adalah singkatan dari PHP: Hypertext Preprocessor, sebuah
kepanjangan rekursif, yakni permainan kata dimana kepanjangannya terdiri
dari singkatan itu sendiri: PHP: Hypertext Preprocessor.
PHP dapat digunakan dengan gratis (free) dan bersifat Open Source. PHP
dirilis dalam lisensi PHP License, sedikit berbeda dengan lisensi GNU General
Public License (GPL) yang biasa digunakan untuk proyek Open Source.
Kemudahan dan kepopuleran PHP sudah menjadi standar bagi
programmer web di seluruh dunia. Menurut wikipedia pada februari 2014,
sekitar 82% dari web server di dunia menggunakan PHP. PHP juga menjadi
dasar dari aplikasi CMS (Content Management Sistem) populer seperti Joomla,
Drupal, dan WordPress.
29
30
BAB IV
ANALISIS DAN PERANCANGAN SISTEM
Pada bab ini akan dibahas mengenai analisis dan perancangan sistem informasi
Career Development Center berbasis web. Objek yang akan dianalisa adalah
beberapa website penyedia lowongan pekerjaan. Dalam sistem ini diberikan
pendaftaran user pencari kerja, cetak cv secara online dan pada perusahaan dapat
menyediakan lowongan pekerjaan.
4.1. Gambaran Umum Sistem
Gambaran umum perancangan sistem informasi career development center memuat
pengguna aplikasi dan juga alur data pada aplikasi. Gambaran Umum sistem
informasi career development center berbasis web dapat dilihat pada Gambar 4.1.
Gambar 4.1 Gambaran Umum Sistem
31
4.2. Analisis Kebutuhan Sistem
4.2.1. Analisa Kebutuhan Perangkat Keras
Kebutuhan minimun perangkat keras yang diperlukan untuk membangun sistem,
diantaranya :
a. Komputer / laptop dengan spesifikasi sebagai berikut :
1) Windows 10
2) processor 1.8 GHz (direkomendasikan)
3) disk space 80 GB (minimum)
4) memori RAM 4 GB (direkomendasikan)
5) 32-bit ( x86 ) atau 64-bit ( x64 )
4.2.2. Analisa Kebutuhan Perangkat Lunak
Perangkat lunak yang digunakan untuk membangun sistem adalah sebagai berikut:
a. sistem operasi komputer dengan menggunakan Microsoft Windows 10
b. menggunakan database php mysql
c. editor kode bahasa pemrograman PHP dengan menggunakan Notepad++
4.2.3. Analisa Kebutuhan Fungsional
Kebutuhan fungsional yang diperlukan dalam aplikasi sebagai berikut :
1.User Account
CDC-001 Sistem dapat menampilkan informasi user account dengan ketentuan
umum : user id, nama lengkap, tempat tinggal, email, telepon (hp dan
rumah/tempat tinggal/kantor) sedangkan untuk :.
32
Pencari kerja ditampilkan juga informasi mengenai asal PT dan
prodi, th lulus, ipk.
Untuk Employer ditampilkan juga informasi mengenai nama
perusahaan, alamat, contact person.
CDC-002 Tampilan sistem berbasiskan grafis dan web yang dapat melakukan
fungsi penambahan user baru (pencari kerja dan employer),
menghapus dan mengubah informasi user account seperti password,
nama lengkap, tempat dan tanggal lahir, prodi, menambahkan
gambar diri, telp(HP/Rumah/Kantor)
CDC-003 Sistem dapat mengelola data member pencari kerja seperti
menambahkan dan mengubah dan berbasikan web.
CDC-004 Sistem mengijinkan pencari kerja untuk membuat, menghapus dan
mengubah CV dengan data CV adalah data diri, pengalaman
berorganisasi, pengalaman kerja, kemampuan / hasil karya yang
pernah dibuat, dan riwayat pendidikan.
CDC-005 Sistem mengijinkan pencari kerja untuk membuat surat mengirimkan
CV ke employer atas lowongan kerja yang dimasukan.
CDC-006 Sistem mengijinkan pencari kerja untuk melakukan pendaftaran
dengan data yang diminta oleh sistem adalah nama user, email, telp
dan saat pendaftaran ada validasi.
33
2. Mengelola data Lowongan Kerja
CDC-007 Sistem mengijinkan pengelola CDC untuk menambahkan,
mengubah dan menghapus informasi lowongan pekerjaan dengan
data yang dapat dimasukkan adalah tgl informasi lowongan kerja
diterima, tanggal masa berlaku/deadline dari lowongan kerja, nama
perusahaan, alamat perusahaan, bidang pekerjaan yang ditawarkan,
nama penanggung jawab lowongan pekerjaan, email, jumlah
lowongan.
CDC-008 Sistem mengijinkan user employer untuk memasukkan informasi
lowongan pekerjaan. Dengan data yang dapat dimasukkan adalah tgl
informasi lowongan kerja di publish, tanggal masa berlaku/deadline
dari lowongan kerja, nama perusahaan, alamat perusahaan, bidang
pekerjaan yang ditawarkan, nama penanggung jawab lowongan
pekerjaan, email, jumlah lowongan.
3. Mencari Lowongan Kerja
CDC-009 Sistem mengijinkan user pencari kerja untuk mencari informasi
lowongan pekerjaan terkini berdasarkan bidang pekerjaan,
daerah/tempat tinggal dan latar Pendidikan.
CDC-010 Sistem dapat menampilkan informasi lowongan pekerjaan terbaru
34
4.Laporan
CDC-011 Sistem dapat menghasilkan laporan informasi lowongan pekerjaan
berdasarkan beberapa kriteria seperti :
berdasarkan employer /perusahaan yang memasukan informasi
lowongan pekerjaan
berdasarkan bidang pekerjaan
berdasarkan informasi lowongan pekerjaan yang ada di fakultas
masing-masing
CDC-012 Sistem dapat menghasilkan laporan penulusuran member pelamar
berdasarkan :
pengiriman lamaran.
perubahan CV / Resume dari pencari kerja untuk mengetahui
perkembangan dalam memperoleh pekerjaan (perpindahan
pekerjaan).
gaji awal saat diterima bekerja.
4.2.4. Analisa Kebutuhan Non Fungsional
Analisa kebutuhan non fungsional meliputi keamanan sistem dan performa sistem
dengan penjelasan seperti berikut ini :
a. Keamanan sistem
35
Sistem ini dilengkapi dengan password dan level user.
b. Performa sistem
Aplikasi ini bisa dijalankan pada browser firefox, google chrome dan opera.
4.3. Desain Perancangan Sistem
Desain dan perancangan sistem merupakan bagian dari tahapan sistem yang
digunakan pada pembuatan sistem ini. Tahapan ini berfokus pada pemodelan alur
sistem, struktur database dan desain antarmuka. Pemodelan alur sistem
menggunakan Unfield Modeling Language (UML) sebagai bahasa pemodelan
4.3.1. Pemodelan Use Case
Setelah identifikasi aktor dan pengguna, maka dapat dibuat diagram pengguna yang
digunakan untuk menggambarkan apa yang dilakukan oleh aktor. Gambar 4.2 ini
menunjukkan diagram pengguna aplikasi.
a. Pemodelan Use Case Diagram
Aktor Use Case
Administrator Login, mengelola data member, mengelola data
lowongan kerja, mengelola data perusahaan, melihat
data lowongan, melihat data perusahaan, melihat data
member, mengelola data user administrator, melihat
laporan.
Member Pencari Kerja Login, melihat lowongan kerja, melihat data
perusahan, mencari pekerjaan, mengirimkan lamaran,
mencetak data diri, memengelola data diri.
36
User Melihat data lowongan, melihat data perusahaan,
melakukan registrasi member/perusahaan.
admin Perusahaan Login, memengelola data perusahaan, memengelola
data lowongan kerja, melihat pelamar kerja.
.
Setelah dikelompokkan kemudian membuat Use Case Diagram dari Aplikasi
Career Development Center Berbasis Web. Use case sistem secara umum
menggambarkan interaksi yang dapat dilakukan oleh aktor secara umum yang
dapat dilihat pada Gambar 3.2
37
Gambar 4.2 Use Case Sistem Secara Umum
Selanjutnya adalah sub sistem Admin yang menggambarkan interaksi yang
dapat dilakukan oleh aktor Admin yang dapat dilihat pada Gambar 4.3.
Gambar 4.3 Use Case Diagram Admin
Selanjutnya adalah sub sistem Admin Perusahaan yang menggambarkan
interaksi yang dapat dilakukan oleh aktor Admin Perusahaan yang dapat
dilihat pada Gambar 4.4.
38
Gambar 4.4 Use Case Admin Perusahaan
Selanjutnya adalah sub sistem User Cari Kerja yang menggambarkan
interaksi yang dapat dilakukan oleh aktor User Cari Kerja yang dapat
dilihat pada Gambar 4.5.
39
Gambar 4.5 Use Case Diagram User Cari Kerja
Selanjutnya adalah sub sistem Member Cari Kerja yang menggambarkan
interaksi yang dapat dilakukan oleh aktor Member Cari Kerja yang dapat
dilihat pada Gambar 4.6
40
Gambar 4.6 Use Case Diagram Member Cari kerja
4.3.2. Pemodelan Activity Diagram (Diagram Aktifitas)
Diagram ini berfungsi untuk menggambarkan aliran aktifitas aktor dalam
sistem yang dirancang, bagaimana aliran berawal, percabangan yang terjadi
dan dimana aliran berakhir. Diagram aktifitas juga dapat menggambarkan
proses paralel yang mungkin akan terjadi pada sistem.
1. Activity Diagram Admin
a. Activity Diagram Masuk Admin
Diagram ini menggambarkan langkah-langkah yang dilakukan admin
supaya bisa melakukan pengelolaan sistem informasi yang dapat dilihat
pada Gambar 4.7.
41
Gambar 4.7 Activity Diagram Masuk Admin
b. Activity Diagram mengelola data perusahaan
Diagram ini menggambarkan langkah-langkah yang dilakukan admin
supaya bisa melakukan pengelolaan data perusahaan yang dapat dilihat
pada Gambar 4.8.
42
Gambar 4.8 Activity Diagram Mengelola data perusahaan
c. Activity Diagram mengelola data member cari kerja
Diagram ini menggambarkan langkah-langkah yang dilakukan admin
supaya bisa melakukan pengelolaan data member pencari kerja yang dapat
dilihat pada Gambar 4.9.
43
Gambar 4.9 Activity Diagram Member Pencari Kerja
d. Activity Diagram mengelola lowongan kerja
Diagram ini menggambarkan langkah-langkah yang dilakukan admin
supaya bisa melakukan pengelolaan data lowongan kerja yang dapat dilihat
pada Gambar 4.10.
44
Gambar 4.10 Activity Diagram Mengelola data Lowongan Kerja
2. Activity Diagram Admin Perusahaan
a. Activity Diagram Registrasi Admin Perusahaan
Diagram ini menggambarkan langkah-langkah yang dilakukan Perusahaan
supaya bisa melakukan Registrasi sistem informasi yang dapat dilihat pada
Gambar 4.11.
45
Gambar 4.11 Activity Diagram Registrasi Perusahaan
b. Activity Diagram Masuk Admin Perusahaan
Diagram ini menggambarkan langkah-langkah yang dilakukan admin
Perusahaan supaya bisa melakukan pengelolaan sistem informasi
perusahaan yang dapat dilihat pada Gambar 4.12.
46
Gambar 4.12 Activity Diagram masuk Admin Perusahaan
c. Activity Diagram mengelola data perusahaan
Diagram ini menggambarkan langkah-langkah yang dilakukan admin
Perusahaan supaya bisa melakukan pengelolaan data perusahaan yang
dapat dilihat pada Gambar 4.13.
47
Gambar 4.13 Activity Diagram Mengelola Data Perusahaan
d. Activity Diagram mengelola Lowongan Kerja
Diagram ini menggambarkan langkah-langkah yang dilakukan admin
Perusahaan supaya bisa melakukan pengelolaan data lowongan kerja yang
dapat dilihat pada Gambar 4.14.
48
Gambar 4.14 Activity Diagram Mengelola Data Lowongan Pekerjaan
3. Activity Diagram Member Pencari Kerja
a. Activity Diagram Registrasi Member
Diagram ini menggambarkan langkah-langkah yang dilakukan Pencari
Kerja supaya bisa registrasi member yang dapat dilihat pada Gambar 4.15.
49
Gambar 4.15 Activity Diagram Registrasi User Pencari Kerja
b. Activity Diagram Masuk Member
Diagram ini menggambarkan langkah-langkah yang dilakukan member
cari kerja supaya bisa melakukan pengelolaan data member atau CV yang
dapat dilihat pada Gambar 4.16.
50
Gambar 4.16 Activity Diagram Masuk Member Pencari Kerja
c. Activity Diagram mengelola CV/data member
Diagram ini menggambarkan langkah-langkah yang dilakukan member
cari kerja supaya bisa melakukan pengelolaan data member atau CV yang
dapat dilihat pada Gambar 4.17.
51
Gambar 4.17 Activity Diagram Mengelola Member Pencari Kerja
d. Activity Diagram Lihat Lowongan Kerja
Diagram ini menggambarkan langkah-langkah yang dilakukan member
cari kerja supaya bisa melihat data lowongan yang tersedia dan
mengirimkan lamaran yang dapat dilihat pada Gambar 4.18.
52
Gambar 4.18 Activity Diagram Kirim Lamaran Pekerjaan
4. Activity Diagram Pencari Kerja ( Non-Member )
a. Activity Diagram lihat lowongan Kerja
Diagram ini menggambarkan langkah-langkah yang dilakukan Pencari
kerja supaya bisa melihat data lowongan yang tersedia yang dapat dilihat
pada Gambar 4.19.
53
Gambar 4.19 Activity Diagram user Pencari Kerja
b. Activity diagram Registrasi
Diagram ini menggambarkan langkah-langkah yang dilakukan Pencari
kerja melakukan registrasi supaya bisa melihat data lowongan dan
mengirimkan lamaran yang tersedia yang dapat dilihat pada Gambar 4.20.
54
Gambar 4.20 Activity Diagram Registrasi User Pencari Kerja
4.3.3. Class Diagram
Class Diagram adalah spesifikasi yang menggambarkan keadaan
(atribut/properti) serta mengelola keadaan tersebut (metode/fungsi) dari
suatu sistem. Gambar 4.21 berikut merupakan class diagram yang
terdapat dalam aplikasi.
55
Gambar 4.21 Class Diagram
4.3.4. Desain Perancangan Database
Struktur tabel basis data memuat tabel-tabel yang dibuat untuk menyimpan
data pada sistem informasi career development center. Berikut ini adalah
tabel-tabel yang digunakan dalam sistem informasi career development
center.
1. Tabel Member
Tabel member merupakan tabel yang digunakan untuk menyimpan data
yang diinputkan pencari kerja pada form registrasi member. Tabel 4.1
menunjukkan struktur tabel member.
Tabel 4.1 Tabel member
Kolom Jenis Keterangan
id_member varchar(10) Id member cari kerja
nim varchar(15) Nim member pencari kerja
56
nama_member varchar(35) Nama member pencari kerja
no_telp varchar(15) No. Telp member pencari
kerja
email varchar(30) Email member pencari kerja
username varchar(15) Username masuk member
pencari kerja
password varchar(15) Password masuk member
pencari kerja
level varchar(15) level member pencari kerja
blokir enum('Y', 'N') masuk member pencari kerja
2. Tabel Member_detail
Tabel member_detail merupakan tabel yang digunakan untuk menyimpan
data yang diinputkan memberpencari kerja pada form isi data member.
Tabel 4.2 menunjukkan struktur tabel member_detail.
Tabel 4.2 Tabel member_detail
Kolom Jenis Keterangan
id_member_detail int Id detail member
id_member varchar(10) Id member pencari kerja
jenis_kelamin enum('Laki-Laki',
'Perempuan')
Jenis Kelamin member
pencari kerja
agama varchar(10) agama member pencari
kerja
gol_darah varchar(2) Golongan darah member
pencari kerja
tpt_lahir varchar(20) Tempat lahir member
pencari kerja
57
tgl_lahir Date Tanggal lahir member
pencari kerja
status_kawin varchar(15) Status pernikahan member
pencari kerja
no_hp varchar(15) No. handphone member
pencari kerja
alamat_ktp Text Alamat berdasar KTP
member pencari kerja
prov_ktp varchar(30) Provinsi pada KTP
member pencari kerja
kota_ktp varchar(35) Kota pada KTP member
pencari kerja
alamat_skrg Text Alamat saat ini member
pencari kerja
prov_skrg varchar(30) Provinsi tinggal saat ini
member pencari kerja
kota_skrg varchar(35) Kota tinggal saat ini
member pencari kerja
foto mediumblob Foto diri member pencari
kerja
3. Tabel Member_detail_kerja
Tabel member_detail_kerja merupakan tabel yang digunakan untuk
menyimpan data yang diinputkan memberpencari kerja pada form isi data
pengalaman kerja. Tabel 4.3 menunjukkan struktur tabel
member_detail_kerja.
Tabel 4.3 Tabel member_detail_kerja
Kolom Jenis Keterangan
id_detail_kerja int Id detail pengalaman kerja
58
id_member varchar(10) Id member pencari kerja
lvl_kerja varchar(15) Level pekerjaan member
pencari kerja
thn_masuk varchar(4) Tahun masuk kerja
member pencari kerja
thn_keluar varchar(4) Tahun keluar kerja member
pencari kerja
jabatan varchar(15) Jabatan member pencari
kerja
nama_perusahaan varchar(30) Nama perusahaan tempat
bekerja
4. Tabel member_detail_org
Tabel member_detail_organisasi merupakan tabel yang digunakan untuk
menyimpan data yang diinputkan member pencari kerja pada form isi data
member pengalaman organisasi. Tabel 4.4 menunjukkan struktur tabel
member_detail_organisasi.
Tabel 4.4 Tabel member_detail_organisasi
Kolom Jenis keterangan
id_detail_org int(11) Id detail organisasi
id_member varchar(10) Id member pencari kerja
nama_organisasi varchar(30)
Nama organisasi yang
pernah diikuti member
pencari kerja
jabatan varchar(15) Jabatan pada organisasi
member pencari kerja
tahun varchar(4)
Tahun Jabatan pada
organisasi member
pencari kerja
59
5. Tabel member_detail_pendidikan
Tabel member_detail_pendidikan merupakan tabel yang digunakan untuk
menyimpan data yang diinputkan member pencari kerja pada form isi data
riwayat pendidikan. Tabel 4.5 menunjukkan struktur tabel
member_detail_pendidikan.
Tabel 4.5 Tabel member_detail_pendidikan
Kolom Jenis Keterangan
id_detail_pend int(11) Id detail pendidikan
id_member varchar(10) Id member pencari kerja
pendidikan varchar(50) Nama pendidikan yang
pernah member pencari
kerja lakukan
tgl_lulus varchar(10) Tanggal lulus pendidikan
member pencari kerja
universitas varchar(50) Universitas member
pencari kerja
prodi varchar(30) Program studi
ipk varchar(4) IPK
6. Tabel member_detail_ketrampilan
Tabel member_detail_ketrampilan merupakan tabel yang digunakan untuk
menyimpan data yang diinputkan membe rpencari kerja pada form isi data
ketrampilan yang dimiliki member pencari kerja. Tabel 4.6 menunjukkan
struktur tabel member.
Tabel 4.6 Tabel member_detail_ketrampilan
Kolom Jenis Keterangan
60
id_detail_ketramp int(11) Id ketrampilan
id_member varchar(10) Id member pencari kerja
teknis Text
Ketrampilan teknis yang
dimiliki member pencari
kerja
non_teknis Text
Ketrampilan Non-teknis
yang dimiliki member
pencari kerja
komputer Text
Ketrampilan komputer
yang dimiliki member
pencari kerja
lainnya Text
Ketrampilan lainnya yang
dimiliki member pencari
kerja
7. Tabel perusahaan
Tabel perusahaan merupakan tabel yang digunakan untuk menyimpan data
perusahaan yang terdaftar pada sistem informasi career development center.
Tabel 4.7 menunjukkan struktur tabel perusahaan.
Tabel 4.7 Tabel perusahaan
Kolom Jenis Keterangan
id_perusahaan varchar(10) Id perusahaan
nama_perusahaan varchar(30) Nama perusahaan
jenis_perusahaan varchar(10) Jenis perusahaan
bidang_usaha varchar(125) Bidang usaha perusahaan
Alamat Text Alamat perusahaan
no_telp varchar(15) No. telpon perusahaan
Email varchar(30) Alamat email perusahaan
61
website varchar(20) Website perusahaan
tentang Text Sekilas tentang perusahaan
nama_lengkap varchar(30) Nama admin perusahaan
Jabatan varchar(15) Jabatan admin perusahaan
no_hp varchar(15) No. handphone admin
perusahaan
username varchar(15) Username masuk admin
perusahaan
password varchar(15) Password masuk admin
perusahaan
Blokir enum('Y', 'N')
Logo mediumblob Logo perusahaan
8. Tabel lowongan
Tabel lowongan merupakan tabel yang digunakan untuk menyimpan data
lowongan pekerjaan. Tabel 4.8 menunjukkan struktur tabel lowongan.
Tabel 4.8 Tabel lowongan
Kolom Jenis Keterangan
id_lowongan varchar(10) Id Lowongan pekerjaan
pendidikan varchar(8) Pendidikan yang
dibutuhkan
Gaji varchar(25) Banyaknya gaji
Posisi varchar(25) Posisi lowongan pekerjaan
tgl_pasang Date Tanggal pasang lowongan
pekerjaan
tgl_akhir Date Batas akhir lowongan
pekerjaan
62
kategori_krj varchar(50) Kategori kerja yang
dibutuhkan
byk_lowongan varchar(3) Banyaknya lowongan
Syarat Text Syarat pada lowongan
pekerjaan
id_perusahaan varchar(10) Id perusahaan penyedia
lowongan pekerjaan
9. Tabel lamaran
Tabel lowongan merupakan tabel yang digunakan untuk menyimpan data
pelamar pekerjaan. Tabel 4.9 menunjukkan struktur tabel lamaran.
Tabel 4.9 Tabel lamaran
Kolom Jenis Keterangan
id_lamaran Int Id detail media sosial
id_member varchar(10) Id member pencari kerja
id_perusahaan varchar(10) Id perusahaan penyedia
lowngan kerja
id_lowongan varchar(10) Id lowongan
tgl_lamar varchar(10) Tanggal mengirimkan
lamaran pencari kerja
4.4. Perancangan Antarmuka Aplikasi
Sebelum membuat aplikasi Career Development Center ini, maka terlebih dahulu
dirancang desain antarmuka yang akan dibuat.
63
4.4.1. Perancangan Halaman Utama
Pada halaman utama terdapat menu untuk registrasi, menu menampilkan
daftar lowongan, menu daftar perusahan, menu kontak. Tampilan ini bisa
dilihat pada Gambar 4.22.
Gambar 4.22 Rancangan Halaman Utama
64
4.4.2. Perancangan Tampilan Registrasi Pencari Kerja
Pada tampilan memilih Registrasi Member digunakan untuk pencari kerja
agar dapat melakukan registrasi. Tampilan ini bisa dilihat pada Gambar
4.23.
Gambar 4.23 Rancangan Tampilan Registrasi User Pencari Kerja
4.4.3. Perancangan Tampilan Registrasi Perusahaan
Pada tampilan Registrasi perusahaan agar bisa melakukan registrasi
perusahan, setelah regitrasi perusahaan bisa menambahkan lowongan.
Tampilan ini bisa dilihat pada Gambar 4.24.
65
Gambar 4.24 Rancangan Tampilan Registrasi Perusahaan
4.4.4. Perancangan Tampilan Masuk
Form masuk digunakan saat user akan mengakses sistem. User harus
mengisikan username dan password yang benar untuk masuk ke dalam
sistem .
Gambar 4.25 Perancangan Tampilan Masuk
4.4.5. Perancangan Tampilan Admin
Pada halaman ini akan ditampilkan beberapa menu pilihan yang akan
diakses oleh administrator. Halaman ini merupakan halaman utama untuk
adminstrator setelah masuk kedalam sistem. Tampilan ini bisa dilihat pada
Gambar 4.26.
66
Gambar 4.26 Rancangan Tampilan Form Administrator
4.4.6. Perancangan Tampilan Admin Perusahaan
Pada halaman ini akan ditampilkan beberapa menu pilihan yang akan
diakses oleh administrator. Halaman ini merupakan halaman utama untuk
adminstrator setelah masuk kedalam sistem. Tampilan ini bisa dilihat pada
Gambar 4.27.
Gambar 4.27 Rancangan Tampilan Admin Perusahaan
67
4.4.7. Perancangan Tampilan Member Cari Kerja
Pada halaman ini akan ditampilkan beberapa menu pilihan yang akan
diakses oleh administrator. Halaman ini merupakan halaman utama untuk
adminstrator setelah masuk kedalam sistem. Tampilan ini bisa dilihat pada
Gambar 4.28.
Gambar 4.28 Rancangan Tampilan Form Member Pencari Kerja
68
BAB V
IMPLEMENTASI
Dalam bab ini akan dijelaskan mengenai implementasi sistem yang sudah dibuat.
Dengan cara mengimplementasikan analisa perancangan yang sudah ditentukan
kemudian membuat desain sistem.
5.1. Implementasi Sistem
Implementasi yang dijelaskan di sini adalah implementasi pembuatan “Sistem
Informasi Career Development Center Berbasis Web” sesuai dengan perencanaaan
yang telah dibuat sebelumnya.
5.1.1. Implementasi Basis Data
Implementasi basis data pada pembuatan aplikasi “Careeer Development
Center” Berbasis Web ini terdapat beberapa tabel database seperti yang telah
dijelaskan pada bab sebelumnya. Hasil implementasi basis data tersebut
adalah sebagai berikut :
a. Tabel member
Tabel member merupakan tabel yang digunakan untuk menyimpan data
diri member yang melakukan registrasi. Implementasi dari tabel member
ditunjukan pada Gambar 5.1.
69
Gambar 5.1 Struktur Tabel member
b. Tabel member_detail
Tabel member_detail merupakan tabel yang digunakan untuk
menyimpan data diri member yang melakukan registrasi. Implementasi
dari tabel member ditunjukan pada Gambar 5.2.
Gambar 5.2 Struktur Tabel member_detail
70
c. Tabel member_detail_kerja
Tabel member_detail_kerja merupakan tabel yang digunakan untuk
menyimpan data diri pengalaman kerja member pencari kerja setelah
melakukan registrasi . Implementasi dari tabel member_detail_kerja
ditunjukan pada Gambar 5.3.
Gambar 5.3 Struktur Tabel member_detail_kerja
d. Tabel member_detail_pendidikan
Tabel member_detail_pendidikan merupakan tabel yang digunakan
untuk menyimpan data pendidikan yang pernah ditempuh oleh
member pencari kerja yang melakukan registrasi. Implementasi dari
tabel member_detail_pendidikan ditunjukan pada Gambar 5.4.
Gambar 5.4 Struktur Tabel member_detail_pendidikan
71
e. Tabel member_detail_organisasi
Tabel member_detail_organisasi merupakan tabel yang digunakan
untuk menyimpan data organisasi yang pernah diikuti oleh member
pencari kerja. Implementasi dari tabel member_detail_organisasi
ditunjukan pada Gambar 5.5.
Gambar 5.5 Struktur Tabel member_detail_organisasi
f. Tabel member_detail_ketrampilan
Tabel member_detail_ketrampilan merupakan tabel yang digunakan
untuk menyimpan data ketrampilan yang dimiliki oleh member
pencari kerja. Implementasi dari tabel member_detail_ketrampilan
ditunjukan pada Gambar 5.6.
Gambar 5.6 Struktur Tabel member_detail_ketrampilan
g. Tabel member_detail_sosial
Tabel member_detail_sosial merupakan tabel yang digunakan untuk
menyimpan data media sosial yang dimiliki oleh member pencari
72
kerja. Implementasi dari tabel member_detail_sosial ditunjukan
pada Gambar 5.7.
Gambar 5.7 Struktur Tabel member_detail_sosial
h. Tabel perusahaan
Tabel perusahaan merupakan tabel yang digunakan untuk
menyimpan data perusahaan penyedia lowongan ataupun perusahaan
yang terdaftar dalam sistem career development center.
Implementasi dari tabel perusahaan ditunjukan pada Gambar 5.8.
Gambar 5.8 Struktur Tabel perusahaan
73
i. Tabel lowongan
Tabel lowongan merupakan tabel yang digunakan untuk menyimpan
data lowongan pekerjaan yang tersedia. Implementasi dari tabel
lowongan ditunjukan pada Gambar 5.9.
Gambar 5.9 Struktur Tabel Lowongan Pekerjaan
j. Tabel lamaran
Tabel lamaran merupakan tabel yang digunakan untuk menyimpan
data berkas lamaran yang dikirimkan oleh member pencari kerja.
Implementasi dari tabel lamaran ditunjukan pada Gambar 5.10.
Gambar 5.10 Struktur Tabel lamaran
74
5.2.2. Implementasi Pengkodean Sistem
Pada sub bab ini akan dijelaskan langkah pengkodean dalam pembuatan
Sistem Career Development Center. Berikut merupakan pengkodean
sistem :
1. Halaman Depan
Implementasi halaman depan bagi semua user sistem career
development center
yang berisi tentang penjelasan isi dari CDC dan menampilkan
lowongan pekerjaan yang tersedia serta jumlah perusahaan yang
terdaftar dalam sistem. Dalam halaman depan ada beberapa menu
yaitu menu registrasi, menu pencari kerja, kontak dan menu masuk.
Halaman depan ditampilkan pada Gambar 5.11
Gambar 5.11 Implementasi Halaman Depan
Dibawah ini merupakan coding dari halaman utama
<!DOCTYPE html> <?php
75
include 'inc/inc.library.php'; include 'inc/inc.koneksi.php'; ?> <html> <head> <?php include "header.php"; ?> </head> <body class="hold-transition skin-red layout-top-nav layout-boxed sidebar-mini"> <div class="wrapper"> <header class="main-header"> <?php include "menu.php"; ?> </header> <div class="content-wrapper"> <div class="container"> <section class="content-header"> </section> <section class="content"> <?php include "isi.php"; include "footer.php"; ?> </section> </div> </div> </div> <?php include "bawah.php"; ?> </body> </html>
2. Halaman Masuk
Halaman masuk digunakan saat user akan mengakses sistem. User
harus mengisikan username dan password yang benar untuk masuk
ke dalam sistem, dimana masuk dibagi menjadi beberapa level yang
berbeda. Implementasi form masuk ditunjukan pada Gambar 5.12.
76
Gambar 5.12 Implementasi Halaman masuk
Dibawah ini merupakan coding dari halaman Masuk
<div class="content-wrapper tengah" style="position:absolute">
<section class="invoice col-md-8" >
<div class="row">
<div class="col-xs-12">
<h2 class="page-header">
<i class="fa fa-globe"></i> Masuk Career Development Center
<small class="pull-right">Date: 2/10/2014</small>
</h2>
</div>
</div>
<div class="row invoice-info">
<div class="col-sm-6 invoice-col">
<form name="masuk-form" action="cek_masuk.php"
class="masuk-form" method="post">
<div class="form-group has-feedback">
<input type="text" name="username" class="form-control"
placeholder="Username"/>
<span class="glyphicon glyphicon-user form-control-
feedback"></span>
</div>
<div class="form-group has-feedback">
<input name="password" type="password" class="form-control"
placeholder="Password"/>
<span class="glyphicon glyphicon-lock form-control-
feedback"></span>
</div>
<div class="row">
77
<div class="col-xs-8">
</div>
<div class="col-xs-8">
<button type="submit" name="submit"
class="btn btn-primary btn-block btn-flat"><i class="ace-icon fa fa-
key"></i>Masuk</button>
</div>
</div>
</form>
</div>
<div class="col-sm-6 invoice-col">
<b>Daftar Menjadi Member Gratis</b><br>
<br>
Keanggotaan Seumur Hidup</b></br>
Melamar Pekerjaan Online</b></br>
Cetak CV Secara Online</b>
</div>
</div>
<div class="row">
<div class="col-md-6">
<p class="text-muted well well-sm no-shadow" style="margin-
top: 10px;">
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles,
weebly ning heekya handango imeem plugg
dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
</p>
</div>
<!-- /.col -->
<div class="col-xs-6">
<a href="invoice-print.html" target="_blank" class="btn btn-
success btn-block btn-flat">
<i class="fa fa-key"></i> Daftar
Perusahaan</a></br>
<a href="invoice-print.html" target="_blank" class="btn btn-
success btn-block btn-flat">
<i class="fa fa-key"></i> Daftar Member</a>
</div>
</div>
</div>
</section>
78
<div class="clearfix"></div>
</div></div>
3. Halaman administrator
Halaman administrator digunakan oleh user yang telah sukses masuk
sebagai admin. Halaman admin ini terdapat dari beberapa menu
untuk memanajemen sistem secara keseluruhan.Implementasi
halaman administrator ditunjukan pada Gambar 5.13.
Gambar 5.13 Implementasi Halaman depan administrator
Dibawah ini merupakan coding dari halaman administrator
if($_SESSION['level']!="admin" ){
echo '<script>
alert(\'Anda Menyalahi Hak AKSES!\');
window.location="../'.$_SESSION['level'].'?module=home";
</script> '; }
<ul class="sidebar-menu">
<li class="header">MAIN NAVIGATION</li>
<li><a href="?module=home"><i class="fa fa-
home"></i> <span>Beranda</span></a></li>
<li><a href='?module=user' ><i class="fa fa-user-
secret"></i><span>Data <i>User Masuk</i></span></a></li>
79
<li><a href='?module=perusahaan' ><i class="fa fa-
signal"></i><span>Perusahaan</span></a></li>
<li><a href='?module=lowongan' ><i class="fa fa-
building-o"></i><span>Lowongan</span></a></li>
<li><a href='?module=bidang_pekerjaan' ><i class="fa
fa-street-view"></i><span>Bidang Pekerjaan</span></a></li>
<li><a href='?module=kategori_kerja' ><i class="fa fa-
institution"></i><span>Kategori Kerja</span></a></li>
<li><a href='?module=mhs' ><i class="fa fa-
child"></i><span>Alumni</span></a></li>
<li><a href='?module=logo' ><i class="fa fa-user-
plus"></i><span>Member</span></a></li>
<li><a href='?module=kuisioner' ><i class="fa fa-
book"></i><span>Kuisioner</span></a></li>
<li><a href='?module=fakultas' ><i class="fa fa-list-
alt"></i><span>Fakultas</span></a></li>
<li><a href='?module=jurusan' ><i class="fa fa-
list"></i><span>Jurusan</span></a></li>
</ul>
a. Halaman Menu user
Menu user masuk berfungsi untuk menampilkan user yang dapat
masuk ke halaman. Halaman data user ditunjukan pada Gambar
5.14.
Gambar 5.14 Implementasi Halaman lihat admin
b. Halaman Menu Perusahaan
Halaman menu Perusahaan digunakan oleh administrator. Dalam
halaman ini terdapat dari beberapa menu untuk memanajemen
80
perusahaan, seperti menambah data perusahaan, menghapus dan
mengubah data perusahaan. Implementasi halaman menu
perusahaan ditunjukan pada Gambar 5.15.
Gambar 5.15 Implementasi Menu lihat data perusahaan
Tambah Data Perusahaan digunakan untuk menambahkan data
perusahaan yang sudah bekerja sama dengan universitas. Form
tambah data perusahaan ditunjukan pada Gambar 5.16
Gambar 5.16 Form Tambah Data Perusahaan
Dalam Tabel aksi terdapat 3 menu yang berfungsi untuk
menghapus, mengubah data perusahaan dan melihat detail
81
perusahaan. Form ubah data perusahaan ditunjukan pada Gambar
5.17 dan Gambar 5.18 menampilkan proses penghapusan data
perusahaan.
Gambar 5.17 Form Ubah Data Perusahaan
Gambar 5.18 Form Hapus Data Perusahaan
82
Gambar 5.19 Form Detail Data Perusahaan
c. Halaman Menu Lowongan
Halaman menu Lowongan digunakan oleh administrator. Dalam
halaman ini terdapat dari beberapa menu untuk memanajemen
lowongan perjaan, seperti menambah data perusahaan,
menghapus dan mengubah data perusahaan. Implementasi
halaman menu lowongan ditunjukan pada Gambar 5.20.
Gambar 5.20 Implementasi Halaman Data Lowongan Pekerjaan
83
Tambah Data Perusahaan digunakan untuk menambahkan data
lowongan pekerjaan. Form tambah data lowongan ditunjukan
pada Gambar 5.21
Gambar 5.21 Form Tambah Data Lowongan
Dalam Tabel aksi terdapat 3 menu yang berfungsi untuk
menghapus dan mengubah data perusahaan. Form ubah data
perusahaan ditunjukan pada Gambar 5.22 dan Gambar 5.23
menampilkan proses penghapusan data perusahaan.
Gambar 5.22 Form Hapus Data Lowongan
84
Gambar 5.23 Form Ubah Data Lowongan Kerja
4. Halaman admin perusahaan
Halaman admin perusahaan digunakan oleh user yang telah sukses
masuk sebagai admin perusahaan. Halaman admin ini terdapat dari
beberapa menu untuk memanajemen perusahaan seperti pada
administrator tetapi dalam admin perusahaan tidak ada menu tambah
data perusahaan admin perusahaan hanya mengubah data dan melihat
detail perusahaan dan menajamen data lowongan pekerjaan dari
perusahaan tersebut. Implementasi halaman admin perusahaan
ditunjukan pada Gambar 5.24.
85
Gambar 5.24 Implementasi Halaman depan admin Perusahaan
Dibawah ini merupakan coding dari halaman admin perusahaan
if($_SESSION['level']!="perusahaan" ){
echo '<script>
alert(\'Anda Menyalahi Hak AKSES!\');
window.location="../'.$_SESSION['level'].'?module=home";
</script> '; }
<ul class="sidebar-menu">
<li><a
ref="?module=perusahaan&aksi=detail_perusahaan&id_perusahaan=
<?php echo $_SESSION['id_perusahaan'];?>"><i class="fa fa-
dashboard"></i> <span> Dashboard</span></a></li>
<li><a href="?module=lowongan"><i class="fa fa-university"></i>
<span> Daftar Lowongan</span></a></li>
<li><a href="?module=perusahaan&aksi=edit&id_perusahaan=<?php
echo $_SESSION['id_perusahaan'];?>"><i class="fa fa-edit"></i>
<span> Update Profil</span></a></li>
<li><a href="?module=user"><i class="fa fa-lock"></i> <span> Ganti
Password</span></a></li>
<li><a href="../logout.php"><i class="fa fa-sign-out"></i> <span>
Logout</span></a></li>
</ul>
86
a. Halaman Menu Perusahaan
Halaman menu Perusahaan digunakan oleh administrator. Dalam
halaman ini terdapat dari beberapa menu untuk dashboard yang
berisi detail perusahaan terebut, daftar lowongan berisi untuk
memanajemen lowongan, seperti menambah data lowongan,
menghapus dan mengubah data lowongan. Implementasi
halaman menu perusahaan ditunjukan pada Gambar 5.25.
Gambar 5.25 Implementasi Halaman Detail Perusahaan
Gambar 5.26 Form Ubah Data Perusahaan
87
Gambar 5.27 Form Detail Data Perusahaan
b. Halaman Menu Lowongan
Halaman menu Lowongan digunakan oleh administrator. Dalam
halaman ini terdapat dari beberapa menu untuk memanajemen
lowongan perjaan, seperti menambah data perusahaan,
menghapus dan mengubah data perusahaan. Implementasi
halaman menu lowongan ditunjukan pada Gambar 5.28.
Gambar 5.28 Implementasi Halaman Lihat data Lowongan
88
Tambah Data Perusahaan digunakan untuk menambahkan data
lowongan pekerjaan. Form tambah data lowongan ditunjukan
pada Gambar 5.29
Gambar 5.29 Form Tambah Data Lowongan
Dalam Tabel aksi terdapat 2 menu yang berfungsi untuk
menghapus dan mengubah data perusahaan. Form ubah data
perusahaan ditunjukan pada Gambar 5.30 dan Gambar 5.31
menampilkan proses penghapusan data perusahaan.
Gambar 5.30 Form Hapus Data Lowongan
89
Gambar 5.31 Form Ubah Data Lowongan
5. Halaman member pencari kerja
Halaman member pencari kerja digunakan oleh user yang telah
sukses masuk sebagai member pencari kerja. Halaman member
pencari kerja ini terdapat beberapa menu untuk memanajemen
cv/data diri user cari kerja. Implementasi halaman member pencari
kerja ditunjukan pada Gambar 5.32.
Gambar 5.32 Implementasi Halaman depan member pencari kerja
90
Dibawah ini merupakan coding dari halaman member pencari kerja
if($_SESSION['level']!="member" ){
echo '<script>
alert(\'Anda Menyalahi Hak AKSES!\');
window.location="../'.$_SESSION['level'].'?module=home";
</script> '; }
<ul class="sidebar-menu">
<li><a href="?module=dash"><i class="fa fa-dashboard"></i> <span>
Dashboard</span></a></li>
<li><a href="?module=detail_member"><i class="fa fa-university"></i>
<span> Daftar Lowongan</span></a></li>
<li><a href="?module=detail_member"><i class="fa fa-user"></i>
<span> Profil</span></a></li>
<li><a href="?module=member_update"><i class="fa fa-edit"></i>
<span> Update Profil</span></a></li>
<li><a href="?module=user"><i class="fa fa-lock"></i> <span> Ganti
Password</span></a></li>
<li><a href="../logout.php"><i class="fa fa-sign-out"></i> <span>
Logout</span></a></li>
</ul>
a. Menu Dashboarb
Halaman menu dashboard berisi informasi dan foto member
pencari kerja. Halaman Dashboard member pencari kerja
ditunjukan pada Gambar 5.33
Gambar 5.33 Halaman menu dashboard member pencari kerja
91
b. Menu Daftar Lowongan
Halaman menu daftar lowongan berisi informasi mengenai
perusahaan yang telah terdaftar dalam sistem serta berisi
informasi mengenai lowongan pekerjaan yang tersedia. Halaman
daftar lowongan member pencari kerja ditunjukan pada Gambar
5.34
Gambar 5.34 Halaman Daftar lowongan pekerjaan
c. Menu Profil
Halaman menu profil berisi mengenai data diri mengenai member
pencari kerja yang bersangkutan. Gambar 5.35 menunjukkan
tampilan menu profil
Gambar 5.35 Halaman menu profil member pencari kerja
92
d. Menu Update Profil
Halaman menu update profil berfungsi untuk menambahkan
ataupun mengubah data diri mengenai member pencari kerja
yang bersangkutan. Dalam halaman update profil terdapat
submenu untuk menambahkan dan mengubah data mengenai
member yang bersangkutan. Berisi beberapa menu untuk
mengubah data diri, data Pendidikan, data pengalaman kerja, data
pengalaman organisasi serta data keterampilan. Gambar 5.36
menunjukkan tampilan menu update profil
Gambar 5.36 Halaman menu Ubah Profil Member Pencari Kerja
e. Menu Ganti Password
Merupakan halaman yang berisi untuk mengubah data masuk
member pencari kerja. Ganti password ditunjukan pada Gambar
5.37
93
Gambar 5.37 Ganti Password Member Pencari Kerja
6. Halaman registrasi pencari kerja
Halaman register pencari kerja merupakan halaman yang digunakan
user untuk mendaftar ke sistem agar dapat melakukan pengiriman
lamaran serta membuat CV/data diri secara online. Implementasi
halaman registrasi pencari kerja ditunjukan pada Gambar 5.38.
Gambar 5.38 Implementasi Halaman registrasi user pencari kerja
94
Berikut coding dari registrasi user cari kerja
$id = $_POST["id"];
$nim = $_POST["nim"];
$nama = $_POST["nama"];
$email = $_POST["email"];
$no_telp = $_POST["no_telp"];
$username = $_POST["username"];
$password = $_POST["pass"];
$level = $_POST["level"];
//QUERY DATABASE//
$qu = "INSERT INTO member ( id_member, nim,
nama_member, no_telp, email, username, password, level) VALUES
('$id', '$nim', '$nama', '$no_telp',
'$email', '$username', '$password', '$level')";
$qu2 = "INSERT INTO member_detail (id_member_detail,
id_member) VALUES ('', '$id')";
$re = mysql_query($qu);
$re2 = mysql_query($qu2);
7. Halaman registrasi perusahaaan
Halaman register perusahaan merupakan halaman yang digunakan
suatu perusahaan untuk mendaftar ke sistem agar dapat menyediakan
lowongan pekerjaan online. Implementasi halaman registrasi
perusahaan ditunjukan pada Gambar 5.39.
95
Gambar 5.39 Implementasi Halaman registrasi perusahaan
Berikut coding dari registrasi perusahaan
<?php
// Load file koneksi.php
include 'inc/inc.koneksi.php';
$id_perusahaan = $_POST["id_perusahaan"];
$nama_perusahaan = $_POST["nama_perusahaan"];
$jenis_perusahaan = $_POST["jenis_perusahaan"];
$bidang_usaha = $_POST["bidang_usaha"];
$alamat = $_POST["alamat"];
$no_handphone = $_POST["no_handphone"];
$email = $_POST["email"];
$website = $_POST["website"];
$tentang = $_POST["tentang"];
$id_user = $_POST["id_user"];
$nama_lengkap = $_POST["nama_lengkap"];
$jabatan = $_POST["jabatan"];
$no_hp = $_POST["no_hp"];
$username = $_POST["username"];
$password = $_POST["password"];
$level = $_POST["level"];
96
$blokir = $_POST["blokir"];
$file_name = $_FILES['foto']['name'];
$tmp_name = $_FILES['foto']['tmp_name']; //nama local temp file
di server
$file_size = $_FILES['foto']['size'];
$file_type = $_FILES['foto']['type']; //tipe filenya (langsung detect
MIMEnya)
$fp = fopen($tmp_name, 'r'); // open file (read-only, binary)
$file = fread($fp, $file_size); // read file
$file_content = mysql_real_escape_string($file); // parse image ke
string
fclose($fp);
$qu = "INSERT INTO perusahaan ( id_perusahaan,
nama_perusahaan, jenis_perusahaan, bidang_pekerjaan, alamat,
no_telp, email, website, tentang, nama_lengkap, jabatan, no_hp,
username, password, level, blokir, foto)
VALUES ( '$id_perusahaan', '$nama_perusahaan', '$jenis_perusahaan',
'$bidang_usaha','$alamat', '$no_handphone', '$email', '$website',
'$tentang', '$nama_lengkap', '$jabatan', '$no_hp', '$username',
'$password', '$level', 'N', '')";
$re = mysql_query($qu);
if($re){
header('location:../../index.php?module=perusahaan');
?>
<?php
}else{
echo mysql_error();
}
?>
97
BAB VI
HASIL PENELITIAN DAN PEMBAHASAN
Dalam bab ini akan dijelaskan mengenai pengujian sistem yang sudah dibuat.
Pengujian sistem dilakukan dengan cara pengujian fungsionalitas melalui beberapa
web browser.
6.1 Pengujian Fungsional Administrator
Pengujian halaman administrator dimaksudkan untuk mengetahui bagaimana
sistem yang telah dibuat bekerja dengan baik ataupun tidak
a. Hasil Pengujian Fungsionalitas
Pengujian ini dilakukan dengan cara menjalankan semua menu yang
terdapat dalam web “Career Development Center” dan menjalankannya
pada beberapa browser untuk melihat apakah sudah berjalan dan berfungsi
sesuai yang diinginkan. Adapun hasil dari pengujian sistem informasi pada
beberapa browser yang berbeda dapat dilihat pada Tabel 6.1
98
Tabel 6.1 Hasil Pengujian Fungsionalitas Administrator
N
o.
Pengujian Hasil Ket
1 Login
Berhasil
2 Melihat
data
perusahaa
n
Berhasil
99
3 Melihat
data
lowongan
kerja
Berhasil
4 Melihat
pelamar
kerja
Berhasil
5 Melihat
data
member
Berhasil
6 Mengolah
data
perusahaa
n(
Tambah,
Hapus,
Ubah)
Berhasil
100
7 Mengolah
data
lowongan(
Tambah,
Hapus,
Ubah)
Berhasil
101
8 Mengolah
data
member(H
apus,
Ubah)
Berhasil
102
9 Mengolah
data
admin
Berhasil
Tabel 6.2 Tabel Admin Perusahaan
N
o.
Pengujian Hasil Ket
1 Login
Berhasil
103
2 Merubah
data
admin
perusahaa
n
Berhasil
3 Merubah
data
perusahaa
n
Berhasil
4 Menamba
h
lowongan
kerja
Berhasil
104
5 Merubah
lowongan
kerja
Berhasil
6 Menghapu
s
lowongan
kerja
Berhasil
7 Melihat
pelamar
kerja
Berhasil
8 Mencetak
CV
pelamar
Berhasil
105
Tabel 6.3 Tabel Member Pencari Kerja
N
o.
Pengujian Hasil Ket
1 Login
Berhasil
106
2 Merubah
Cv
Berhasil
3 Menamba
h CV
Berhasil
4 Mencari
lowongan
kerja
Berhasil
5 Melamar
kerja
Berhasil
6 Mencetak
CV
Berhasil
107
Tabel 6.4 Tabel User Pencari Kerja
N
o.
Pengujian Hasil Ket
1 Mencari
lowongan
Berhasil
108
2 Melihat
lowongan
Berhasil
3 Melihat
detail
perusahaa
n
Berhasil
4 registrasi
Berhasil
109
BAB VII
KESIMPULAN DAN SARAN
Berdasarkan hasil yang telah dicapai dalam penelitian ini, penulis berharap dengan
tercapainya Sistem Informasi Career Development Center Berbasis Web. Dalam
penelitian ini dapat ditarik suatu kesimpulan dan saran yang tentunya tidak
melupakan saran-saran dari pembaca sebagai bahan masukan bilamana pembaca
tertarik untuk mengembangkan aplikasi ini lebih lanjut
7.1. Kesimpulan
Setelah melakukan penelitian pada sistem yang telah dibuat, maka penulis
dapat menarik kesimpulan sebagai berikut :
1. Terciptanya sistem career development center yang dapat digunakan
untuk melihat informasi lowongan pekerjaan.
2. Dengan adanya fitur isi data diri, maka member pencari kerja dapat
mencetak CV/data diri secara online.
3. Sistem informasi ini dapat membantu pelamar kerja mengirimkan data
diri langsung ke perusahaan penyedia lowongan kerja.
4. Administrator dalam sistem ini memiliki akses full ke database dan
sistem informasi CDC berbasis web serta dapat memengelola data
sesuai dengan kebutuhan dan peraturan berlaku.
110
7.2. Saran
Berikut ini saran penulis terhadap pengembangan Sistem Informasi Career
Development Center Berbasis Web lebih lanjut yaitu :
1. Pengembangan selanjutnya, sistem informasi career development center
diharapkan bisa dikembangkan ke sistem operasi mobile android.
2. Penambahan fitur yang mampu memberikan saran terhadap pencari
pekerjaan terhadap lowongan pekerjaan yang sesuai jurusan, serta
mampu memberikan saran terhadap perusahan akan calon pekerja yang
sesuai dengan kebutuhan perusahan.
3. Penambahan fitur registrasi otomatis pada pendaftaran member pencari
kerja dan perusahaan yang akan mendaftar ke sistem CDC.
111
DAFTAR PUSTAKA
Dharwiyanti, Sri. 2008. Pengantar Unified Modeling Language (UML). Kuliah
umum / ilmuKomputer.com
Arbie. 2004. Manajemen Database dengan MySQL. Yogyakarta: Andi
Fathansyah. 2001. Basis Data. Bandung: Informatika
Jogiyanto, Hartono, 2005. Analisis & Desain Sistem Informasi Pendekatan
Terstruktur Teori dan Praktek Aplikasi Bisnis. Yogyakarta: Andi
Kadir, Abdul. 2003. Pengenalan Sistem Informasi. Yogyakarta: Andi
Kusrini. 2007. Strategi Perancangan dan Pengelolaan Basis Data. Yogyakarta:
Andi
Ladjamudin, Al bahra. 2005. Konsep Sistem Basis Data dan
Implementasinya.Yogyakarta: Graha Ilmu
Schomburg, Harald. 2003. Handbook for Graduate Tracer Study.
Moenchebergstrasse Kassel, Germany: Wissenschaftliches
Zentrum für Berufs- und Hochschulforschung, Universität Kassel
Sugrue J. 2009. Getting Started with UML. http://www.dzone.com/links
/index.html. [Diakses 28 April 2017]
O’Brien, James dan George Marakas. 2005. Management Information Sistems.
112
LAMPIRAN index.php
<!DOCTYPE html>
<?php
include 'inc/inc.library.php';
include 'inc/inc.koneksi.php';
?>
<html>
<head>
<?php include "header.php"; ?>
</head>
<body class="hold-transition skin-red layout-top-nav
layout-boxed sidebar-mini">
<div class="wrapper">
<header class="main-header">
<?php
include "menu.php";
?>
</header>
<div class="content-wrapper">
<div class="container">
<section class="content-header">
</section>
<section class="content">
<?php
include "isi.php";
include "footer.php";
?>
113
</section>
</div>
</div>
</div>
<?php include "bawah.php"; ?>
</body>
</html>
job.php
<?php
include "inc/inc.koneksi.php";
?>
<?php
// Tampilkan data dari Database
$sql = "SELECT * FROM lowongan
INNER JOIN perusahaan ON lowongan.id_perusahaan
= perusahaan.id_perusahaan ORDER BY tgl_pasang";
$tampil = mysql_query($sql);
$no=1;
while ($tampilkan = mysql_fetch_array($tampil)) {
$Kode = $tampilkan['id_lowongan'];
?>
114
<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab_1" data-
toggle="tab">Terbaru</a></li>
<li><a href="#tab_2" data-
toggle="tab">Expired</a></li>
<li><a href="#tab_3" data-
toggle="tab">Pengumuman</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane" id="tab_2">
<div class="box">
<div class="box-body table-responsive no-
padding">
<div class="box-body">
<table id="example" class="table table-
hover">
<thead>
<tr class="text-red"
align="center">
<th class="col-sm-1"
align="center">Logo</th>
<th class="col-sm-1"
align="center">Nama Perusahaan</th>
<th class="col-sm-1"
align="center">Posting</th>
<th class="col-sm-1"
align="center">Status</th>
<th class="col-sm-1"
align="center">Pelamar</th>
115
<th class="col-sm-1"
align="center">Lowongan</th>
</tr>
</thead>
<tbody>
<?php
// Tampilkan data dari Database
$sql = "SELECT * FROM perusahaan
INNER JOIN lowongan ON
lowongan.id_perusahaan = perusahaan.id_perusahaan ORDER
BY tgl_pasang DESC";
$tampil = mysql_query($sql);
$no=1;
while ($tampilkan =
mysql_fetch_array($tampil)) {
$Kode = $tampilkan['id_lowongan'];
?>
<tr>
<td><?php echo "<img
src=module/tampil2.php?id_perusahaan=$tampilkan[id_peru
sahaan] alt='product-img'/>"?></td>
<td><?php echo
$tampilkan['nama_perusahaan']; ?></td>
<td><?php echo
$tampilkan['tgl_pasang']; ?></td>
<td>
<?php
$masaaktif =
$tampilkan['tgl_pasang'];
116
$masaakhir =
$tampilkan['tgl_akhir'];
$sekarang = date("d-m-
Y");
$masaberlaku = date("d-m-
Y",strtotime($masaakhir)) >= $sekarang;
if ($masaberlaku)
{
echo"<span class='label
label-success'>Approved</span>";
}else
{
echo"<span class='label
label-danger'>Expired</span>";
}
?>
<td align="center">2</td>
<td align="center"><?php echo
$tampilkan['byk_lowongan']; ?></td>
<?php
}
?>
</tr>
</tbody>
</table>
</div>
</div>
<!-- /.box-body -->
</div>
117
</div>
<!-- /.tab-pane -->
<div class="tab-pane active" id="tab_1">
<?php
// Tampilkan data dari Database
$sql2 = "SELECT * FROM lowongan
INNER JOIN perusahaan ON
lowongan.id_perusahaan = perusahaan.id_perusahaan ORDER
BY tgl_pasang DESC";
$tampil2 = mysql_query($sql2);
$no2=1;
while ($tampilkan2 =
mysql_fetch_array($tampil2)) {
$Kode2 =
$tampilkan2['id_lowongan'];
?>
<div class="box-body">
<?php
$masaaktif =
$tampilkan2['tgl_pasang'];
$masaakhir =
$tampilkan2['tgl_akhir'];
$sekarang = date("d-m-Y");
$masaberlaku = date("d-m-
Y",strtotime($masaakhir)) - $sekarang;
?>
<ul class="products-list product-
list-in-box col-sm-10">
<li class="item">
<div class="product-img">
118
<?php echo "<img
src=../module/tampil2.php?id_perusahaan=$tampilkan2[id_
perusahaan] alt='product-img'/>"?>
</div>
<div class="product-
info">
<a
href="javascript:;"
onClick="window.open('module/detail_lowongan.php?id_low
ongan=<?php echo $tampilkan2['id_perusahaan'];
?>','scrollwindow','top=0,left=0,width=700,height=680')
;">
<?php echo
$tampilkan2['nama_perusahaan']; ?></br>
<a
href="javascript:void(0)" class="product-title"><?php
echo $tampilkan2['kategori_krj']; ?>
</a>
<span
class="product-description">
Posting
Terakhir : <?php echo date("d-F-Y",
strtotime($masaaktif)) ?>
</span>
</div>
</li>
</ul class="products-list product-
list-in-box col-sm-2">
<ul align="center">
<a href="javascript:void(0)"
align="center" class="product-title"><h3><?php echo
$tampilkan2['byk_lowongan']; ?></h3><span
align="center" class="product-description">
119
Lowongan
</span></a>
</ul>
</div><?php } ?>
</div>
</ul>
</div>
</div>
<!-- /.tab-pane -->
<div class="tab-pane" id="tab_3">
</div>
<!-- /.tab-pane -->
</div>
<!-- /.tab-content -->
</div>
<?php } ?>
Form_login.php
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Career Development Center</title>
<meta content='width=device-width, initial-scale=1,
maximum-scale=1, user-scalable=no' name='viewport'>
<!-- Bootstrap 3.3.4 -->
120
<link href="aset/bootstrap/css/bootstrap.min.css"
rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons -->
<link href="aset/plugins/font-awesome/css/font-
awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="aset/dist/css/AdminLTE.min.css"
rel="stylesheet" type="text/css" />
<!-- iCheck -->
<link href="aset/plugins/iCheck/square/blue.css"
rel="stylesheet" type="text/css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5
elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view
the page via file:// -->
<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.m
in.js"></script>
<script
src="https://oss.maxcdn.com/respond/1.4.2/respond.min.j
s"></script>
<![endif]-->
<style>
.tengah{
position: center;
left: 20%;
top: 10%;
}
</style>
121
</head>
<body class="login-page tengah">
<div class="container tengah"
style="position:absolute">
<section class="invoice col-md-8" >
<div class="row">
<div class="col-xs-12">
<h2 class="page-header">
<i class="fa fa-globe"></i> Login Career
Development Center
<small class="pull-right"><?php echo
Indonesia2Tgl(date('Y-m-d'));?></small>
</h2>
</div>
</div>
<div class="row invoice-info">
<div class="col-sm-6 invoice-col">
<form name="login-form"
action="cek_login.php" class="login-form"
method="post">
<div class="form-group has-feedback">
<input type="text" name="username"
class="form-control" placeholder="Username"/>
<span class="glyphicon glyphicon-user form-
control-feedback"></span>
</div>
<div class="form-group has-feedback">
<input name="password" type="password"
class="form-control" placeholder="Password"/>
<span class="glyphicon glyphicon-lock form-
control-feedback"></span>
122
</div>
<div class="row">
<div class="col-xs-8">
</div>
<div class="col-xs-8">
<button type="submit" name="submit"
class="btn btn-primary btn-block btn-flat"><i
class="ace-icon fa fa-key"></i>Masuk</button>
</div>
</div>
</form>
</div>
<div class="col-sm-6 invoice-col">
<b>Daftar Menjadi Member Gratis</b><br>
<br>
<i class="fa fa-check"></i> Keanggotaan
Seumur Hidup</b></br>
<i class="fa fa-check"></i> Melamar
Pekerjaan Online</b></br>
<i class="fa fa-check"></i> Cetak CV
Secara Online</b>
</div>
</div>
<div class="row">
<div class="col-md-6">
<p class="text-muted well well-sm
no-shadow" style="margin-top: 10px;">
Etsy doostang zoodles disqus groupon
greplin oooj voxy zoodles, weebly ning heekya handango
imeem plugg
123
dopplr jibjab, movity jajah plickers
sifteo edmodo ifttt zimbra.
</p>
</div>
<!-- /.col -->
<div class="col-xs-6">
<a href="?page=reg_perusahaan"
target="_blank" class="btn btn-success btn-block btn-
flat">
<i class="fa fa-key"></i>
Daftar Perusahaan</a></br>
<a href="?page=registrasi_member"
target="_blank" class="btn btn-success btn-block btn-
flat">
<i class="fa fa-key"></i>
Daftar Member</a>
</div>
</div>
</div>
</section>
</div></div>
<!-- jQuery 2.1.4 -->
<script src="aset/plugins/jQuery/jQuery-
2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS -->
<script src="aset/bootstrap/js/bootstrap.min.js"
type="text/javascript"></script>
<!-- iCheck -->
<script src="aset/plugins/iCheck/icheck.min.js"
type="text/javascript"></script>
<script>
$(function () {
124
$('input').iCheck({
checkboxClass: 'icheckbox_square-blue',
radioClass: 'iradio_square-blue',
increaseArea: '20%' // optional
});
});
</script>
</body>
</html>
reg_member.php
<?php
include "header.php";
//include "inc/inc.library.php";
include 'inc/inc.koneksi.php';
?>
<?php
$sql ="SELECT max(id_member) as terakhir from member";
$hasil = mysql_query($sql);
$data = mysql_fetch_array($hasil);
$lastID = $data['terakhir'];
$lastNoUrut = substr($lastID, 3, 9);
$nextNoUrut = $lastNoUrut + 1;
$nextID = "MEM".sprintf("%07s",$nextNoUrut);
125
?>
<div class="box box-default">
<div class="box-header with-border">
<i class="fa fa-warning"></i>
<h3 class="box-title">Registrasi Member</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<section class="content-header">
<h1>
Panduan Registrasi Member
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="glyphicon
glyphicon-time"></i><?php echo Indonesia2Tgl(date('Y-m-
d'));?> </a></li>
</ol>
</section>
<div class="box box-primary">
</div>
<div class="row">
<div class="col-lg-4 col-xs-6">
<!-- small box -->
<div class="small-box bg-gray">
<div class="inner">
<h3>1 Buka Web</h3>
<p>ucc.unisbank.ac.id</p>
</div>
<div class="icon">
126
<i class="ion ion-arrow-up-b"></i>
</div>
</div>
</div>
<div class="col-lg-4 col-xs-6">
<!-- small box -->
<div class="small-box bg-gray">
<div class="inner">
<h3>2 Pilih</h3>
<p>Pilih Registrasi Member</p>
</div>
<div class="icon">
<i class="ion ion-person-add"></i>
</div>
</div>
</div>
<div class="col-lg-4 col-xs-6">
<!-- small box -->
<div class="small-box bg-gray">
<div class="inner">
<h3>3 Mengisi</h3>
<p>Form Registrasi</p>
</div>
<div class="icon">
<i class="ion ion-clipboard"></i>
</div>
</div>
</div>
127
<div class="col-lg-4 col-xs-6">
<!-- small box -->
<div class="small-box bg-gray">
<div class="inner">
<h3>4 Konfirmasi</h3>
<p>Email Pendaftaran</p>
</div>
<div class="icon">
<i class="ion ion-social-markdown"></i>
</div>
</div>
</div>
<!-- ./col -->
<div class="col-lg-4 col-xs-6">
<!-- small box -->
<div class="small-box bg-gray">
<div class="inner">
<h3>5 Lengkapi</h3>
<p>CV / Data Diri</p>
</div>
<div class="icon">
<i class="ion ion-compose"></i>
</div>
</div>
</div>
<!-- ./col -->
<div class="col-lg-4 col-xs-6">
128
<!-- small box -->
<div class="small-box bg-gray">
<div class="inner">
<h3>6 Selesai</h3>
<p>Registrasi Berhasil</p>
</div>
<div class="icon">
<i class="ion ion-unlocked"></i>
</div>
</div>
</div>
<!-- ./col -->
<!-- ./col -->
</div>
<section class="content-header">
<h1>
Formulir Registrasi Member
</h1>
</section>
<div class="box box-primary">
</div>
<form class="form-horizontal"
action="module/proses_simpan.php" role="form"
method="post">
<div class="row">
<div class="col-md-6">
129
<div class="box box-solid">
<div class="box-body">
<div class="form-group">
<label class="col-
sm-3 control-label">ID</label>
<div class="col-sm-
8">
<input readonly
type="text" name="id" value="<?php echo $nextID; ?>"
class="form-control" required="required"
placeholder="Masukan NIM">
</div>
</div>
</div><!-- /.box-body -->
<div class="box-body">
<div class="form-group">
<label class="col-
sm-3 control-label">NIM</label>
<div class="col-sm-
8">
<input
type="text" name="nim" class="form-control"
required="required" placeholder="Masukan NIM">
</div>
</div>
</div><!-- /.box-body -->
<div class="box-body">
<div class="form-group">
<label class="col-
sm-3 control-label">Nama Lengkap</label>
<div class="col-sm-
8">
130
<input
type="text" name="nama" class="form-control"
required="required" placeholder="Masukan Nama Lengkap">
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-
sm-3 control-label">No Telephone</label>
<div class="col-sm-
8">
<input
type="text" name="no_telp" class="form-control"
required="required" placeholder="Masukan No
HP/Telephone">
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-
sm-3 control-label">Email</label>
<div class="col-sm-
8">
<input
type="text" name="email" class="form-control"
required="required" placeholder="Masukan Email Anda">
</div>
</div>
</div>
131
</div><!-- /.box -->
</div>
<div class="col-md-6">
<div class="box box-solid">
<div class="box-body">
<div class="form-group">
<label class="col-
sm-4 control-label">Username</label>
<div class="col-sm-
6">
<input
type="text" name="username" class="form-control"
required="required" placeholder="Masukan Username
Login">
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-
sm-4 control-label">Password</label>
<div class="col-sm-
6">
<input
type="password" id="password1"class="form-control"
required="required" name="pass" value="">
132
<a class="text-
red">*ubah password secara berkala demi menjaga
keamanan</a>
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-
sm-4 control-label">Konfirmasi Password</label>
<div class="col-sm-
6">
<input
type="password" id="password2"class="form-control"
required="required">
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-
sm-4 control-label">Level</label>
<div class="col-sm-6">
<select name="level"
class="form-control">
<option>--Pilih
Level--</option>
<option name="level"
value="member"> Mahasiswa Unisbank </option>
133
<option name="level"
value="member"> Mahasiswa Non Unisbank </option>
<option name="level"
value="alumni"> Alumni Unisbank </option>
<option name="level"
value="member"> Alumni Non Unisbank </option>
</select>
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-
sm-4 control-label"> </label>
<div class="col-sm-
5">
<button
class="btn btn-info"><i class="fa fa-plus-square"></i>
Daftar Sekarang</a>
</div>
</div>
</div>
</div><!-- /.box -->
</div>
</div>
</form>
</div>
</div>
134
<script type="text/javascript">
window.onload = function () {
document.getElementById("password1").onchange =
validatePassword;
document.getElementById("password2").onchange =
validatePassword;
}
function validatePassword(){
var pass2=document.getElementById("password2").value;
var pass1=document.getElementById("password1").value;
if(pass1!=pass2)
document.getElementById("password2").setCustomValidity(
"Passwords Tidak Sama");
else
document.getElementById("password2").setCustomValidity(
'');}
</script></div>
Reg_perusahaan.php
<?php
//include "header.php";
//include 'inc/inc.library.php';
include 'inc/inc.koneksi.php';
?>
<?php
$sql ="SELECT max(id_perusahaan) as terakhir from
perusahaan";
$hasil = mysql_query($sql);
$data = mysql_fetch_array($hasil);
135
$lastID = $data['terakhir'];
$lastNoUrut = substr($lastID, 3, 9);
$nextNoUrut = $lastNoUrut + 1;
$nextID = "PRS".sprintf("%07s",$nextNoUrut);
?>
<div class="box box-default">
<div class="box-header with-border">
<i class="fa fa-warning"></i>
<h3 class="box-title">Registrasi Perusahaan</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<section class="content-header">
<h1>
Panduan Registrasi Perusahaan
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="glyphicon
glyphicon-time"></i><?php echo Indonesia2Tgl(date('Y-m-
d'));?> </a></li>
</ol>
</section>
<div class="box box-primary">
</div>
<div class="row">
<div class="col-lg-4 col-xs-6">
<!-- small box -->
<div class="small-box bg-gray">
<div class="inner">
136
<h3>1 Buka Web</h3>
<p>ucc.unisbank.ac.id</p>
</div>
<div class="icon">
<i class="ion ion-arrow-up-b"></i>
</div>
</div>
</div>
<div class="col-lg-4 col-xs-6">
<!-- small box -->
<div class="small-box bg-gray">
<div class="inner">
<h3>2 Pilih</h3>
<p>Pilih Registrasi Perusahaan</p>
</div>
<div class="icon">
<i class="ion ion-person-add"></i>
</div>
</div>
</div>
<div class="col-lg-4 col-xs-6">
<!-- small box -->
<div class="small-box bg-gray">
<div class="inner">
<h3>3 Mengisi</h3>
<p>Form Registrasi</p>
</div>
<div class="icon">
137
<i class="ion ion-clipboard"></i>
</div>
</div>
</div>
<div class="col-lg-4 col-xs-6">
<!-- small box -->
<div class="small-box bg-gray">
<div class="inner">
<h3>4 Konfirmasi</h3>
<p>Email Pendaftaran</p>
</div>
<div class="icon">
<i class="ion ion-social-markdown"></i>
</div>
</div>
</div>
<!-- ./col -->
<div class="col-lg-4 col-xs-6">
<!-- small box -->
<div class="small-box bg-gray">
<div class="inner">
<h3>5 Lengkapi</h3>
<p>Profil Perusahaan</p>
</div>
<div class="icon">
<i class="ion ion-compose"></i>
</div>
138
</div>
</div>
<!-- ./col -->
<div class="col-lg-4 col-xs-6">
<!-- small box -->
<div class="small-box bg-gray">
<div class="inner">
<h3>6 Selesai</h3>
<p>Registrasi Berhasil</p>
</div>
<div class="icon">
<i class="ion ion-unlocked"></i>
</div>
</div>
</div>
<!-- ./col -->
<!-- ./col -->
</div>
<section class="content-header">
<h1>
Formulir Registrasi Perusahaan
</h1>
</section></br>
<form class="form-horizontal"
action="module/perusahaan_simpan.php" role="form"
method="post">
139
<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab_1" data-
toggle="tab">Form Account</a></li>
<li><a href="#tab_2" data-
toggle="tab">Informasi Perusahaan</a></li>
<li><a href="#tab_3" data-
toggle="tab">Informasi Admin Perusahaan</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab_1">
<div class="box box-solid">
<div class="box-body">
<div class="form-group">
<label class="col-
sm-4 control-label">Username</label>
<div class="col-sm-
6">
<input
type="text" name="username" class="form-control"
required="required" placeholder="Masukan Username
Login">
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
140
<label class="col-
sm-4 control-label">Password</label>
<div class="col-sm-
6">
<input
type="password" id="password1"class="form-control"
required="required" name="pass" value="">
<a class="text-
red">*ubah password secara berkala demi menjaga
keamanan</a>
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-
sm-4 control-label">Konfirmasi Password</label>
<div class="col-sm-
6">
<input
type="password" id="password2"class="form-control"
required="required">
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-
sm-4 control-label">Level</label>
<div class="col-sm-
6">
141
<input
type="text" id="level"class="form-control"
required="required" value="perusahaan" readonly>
</div>
</div>
</div>
</div><!-- /.box -->
</div>
<div class="tab-pane" id="tab_2">
<div class="box box-solid">
<div class="box-body">
<div class="form-group">
<label class="col-sm-2 control-
label">ID Perusahaan</label>
<div class="col-sm-3">
<input type="text"
class="form-control" required="required"
name="id_perusahaan" value="<?php echo $nextID; ?>"
readonly>
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-sm-2 control-
label">Nama Perusahaan</label>
<div class="col-sm-5">
<input type="text"
class="form-control" required="required"
name="nama_perusahaan">
142
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class='col-sm-2
control-label'>Jenis Perusahaan</label>
<div class='col-sm-5'>
<select
name='jenis_perusahaan' class='form-control' >
<option>--Jenis
Perusahaan--</option>
<option
name="jenis_perusahaan" value="Instansi Pemerintah">
Instansi pemerintah (termasuk BUMN) </option>
<option
name="jenis_perusahaan" value="Organisasi non-
profit/Lembaga Swadaya"> Organisasi non-profit/Lembaga
Swadaya Masyarakat </option>
<option
name="jenis_perusahaan" value="Perusahan Swasta">
Perusahaan swasta </option>
<option
name="jenis_perusahaan" value="Lainnya"> Lainnya
</option>
</select>
</div>
</div>
</div>
<div class="box-body">
143
<div class="form-group">
<label class="col-sm-2
control-label">Bidang Usaha</label>
<div class="col-sm-6">
<select
name="bidang_usaha" id="select2" class="form-control
select2" style="width: 100%; height:100%;">
<option value="">- Bidang
Usaha -</option>
<?php $q =
mysql_query ("SELECT * FROM bidang_pekerjaan Order By
id_bidang");
while
($k = mysql_fetch_array($q)){
?>
<option
value="<?php echo $k['nama_pekerjaan']; ?>"
<?php
(@$h['nama_pekerjaan']==$k['nama_pekerjaan'])?print("
"):print(""); ?>>
<?php
echo $k['nama_pekerjaan']; ?>
</option>
<?php } ?>
</select>
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-sm-2 control-
label">Alamat</label>
144
<div class="col-sm-8">
<textarea rowspan="3"
class="form-control" name="alamat" value=""></textarea>
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-sm-2 control-
label">No Handphone</label>
<div class="col-lg-4 col-md-3
col-sm-3">
<input type="text"
name="no_handphone" id="no_handphone" class="form-
control" value="" placeholder="No Telephone">
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-sm-2 control-
label">E-mail</label>
<div class="col-lg-4 col-md-4
col-sm-3">
<input type="text"
name="email" class="form-control" value=""
placeholder="Email">
</div>
</div>
</div>
145
<div class="box-body">
<div class="form-group">
<label class="col-sm-2 control-
label">Website</label>
<div class="col-lg-4 col-md-4
col-sm-3">
<input type="text"
name="website" class="form-control" value=""
placeholder="Alamat Website">
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-sm-2 control-
label">Tentang Perusahaan</label>
<div class="col-sm-8">
<div class="box-body
pad">
<form>
<textarea
name="tentang" class="textarea" placeholder="Place some
text here" style="width: 100%; height: 200px; font-size:
14px; line-height: 18px; border: 1px solid #dddddd;
padding: 10px;"></textarea>
</form>
</div>
</div>
</div>
</div>
146
<div class="box-body" hidden>
<div class="form-group">
<label class="col-sm-2 control-
label">ID Perusahaan</label>
<div class="col-sm-3">
<div class="box-body pad">
<form>
<textarea id="editor1"
name="editor1" rows="10" cols="80">
This is my
textarea to be replaced with CKEditor.
</textarea>
</form>
</div> </div>
</div>
</div>
</div><!-- /.box -->
</div>
<div class="tab-pane" id="tab_3">
<div class="box box-solid">
<div class="box-body">
<div class="form-group">
<label class="col-
sm-4 control-label">Nama Lengkap</label>
<div class="col-sm-
6">
<input
type="text" name="nama_lengkap" class="form-control"
147
required="required" placeholder="Masukan Username
Login">
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-sm-4 control-
label">Jabatan</label>
<div class="col-sm-5">
<input type="text"
class="form-control" required="required" name="jabatan"
placeholder="Jabatan">
</div>
</div>
</div>
<div class="box-body">
<div class="form-group">
<label class="col-sm-4 control-
label">Nomor HP</label>
<div class="col-sm-5">
<input type="text"
class="form-control" required="required" name="no_hp"
value="+62">
</div>
</div>
</div>
<div class="box-body">
148
<div class="well text-
center">
<button type="submit" name="submit"
class="btn btn-primary"><i class="glyphicon glyphicon-
floppy-disk"></i> Simpan</button>
<button type="reset" class="btn btn-
danger"><i class="fa fa-retweet"></i><i>
Reset</i></button>
</div>
</div>
</div><!-- /.box -->
</div>
</div>
</div></form>
</div> </div>
<script
src="../aset/plugins/ckeditor/ckeditor.js"></script>
<script>
$(function () {
// Replace the <textarea id="editor1"> with a
CKEditor
// instance, using default configuration.
CKEDITOR.replace('editor1');
//bootstrap WYSIHTML5 - text editor
$(".textarea").wysihtml5();
});
</script>
149
<script type="text/javascript">
window.onload = function () {
document.getElementById("password1").onchange =
validatePassword;
document.getElementById("password2").onchange =
validatePassword;
}
function validatePassword(){
var pass2=document.getElementById("password2").value;
var pass1=document.getElementById("password1").value;
if(pass1!=pass2)
document.getElementById("password2").setCustomValidity(
"Passwords Tidak Sama");
else
document.getElementById("password2").setCustomValidity(
'');}
</script>
</div>
detail_lowongan.php
<?php
include "../inc/inc.koneksi.php";
//include "header.php";
?>
<head>
<meta charset="UTF-8">
<title>CDC</title>
<meta content='width=device-width, initial-scale=1,
maximum-scale=1, user-scalable=no' name='viewport'>
<!-- daterange picker -->
150
<link
href="../aset/plugins/daterangepicker/daterangepicker-
bs3.css" rel="stylesheet" type="text/css" />
<!-- iCheck for checkboxes and radio inputs -->
<link href="../aset/plugins/iCheck/all.css"
rel="stylesheet" type="text/css" />
<!-- Bootstrap Color Picker -->
<link href="../aset/plugins/colorpicker/bootstrap-
colorpicker.min.css" rel="stylesheet"/>
<!-- Bootstrap time Picker -->
<link href="../aset/plugins/timepicker/bootstrap-
timepicker.min.css" rel="stylesheet"/>
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to
reduce the load. -->
<link href="../aset/dist/css/skins/_all-
skins.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="../aset/plugins/iCheck/all.css"
rel="stylesheet" type="text/css" />
<!-- bootstrap wysihtml5 - text editor -->
<link rel="stylesheet"
href="../aset/plugins/bootstrap-wysihtml5/bootstrap3-
wysihtml5.min.css">
<!-- Bootstrap 3.3.4 -->
<link
href="../aset/bootstrap/css/bootstrap.min.css"
rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-
awesome/4.3.0/css/font-awesome.min.css"
rel="stylesheet" type="text/css" />
<!-- Ionicons -->
151
<link
href="https://code.ionicframework.com/ionicons/2.0.1/cs
s/ionicons.min.css" rel="stylesheet" type="text/css" />
<!-- DATA TABLES -->
<link
href="../aset/plugins/datatables/dataTables.bootstrap.c
ss" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="../aset/dist/css/AdminLTE.min.css"
rel="stylesheet" type="text/css" />
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to
reduce the load. -->
<link href="../aset/dist/css/skins/_all-
skins.min.css" rel="stylesheet" type="text/css" />
<style>
.color-palette {
height: 35px;
line-height: 35px;
text-align: center;
}
.color-palette-set {
margin-bottom: 15px;
}
.color-palette span {
display: none;
font-size: 12px;
}
152
.color-palette:hover span {
display: block;
}
.color-palette-box h4 {
position: absolute;
top: 100%;
left: 25px;
margin-top: -40px;
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
display: block;
z-index: 7;
}
.sol {
border: 2px solid gray;
}
.judul {
text-align: center;
}
</style>
</head>
<?php // Tampilkan data dari Database
$sql = "SELECT * FROM lowongan
153
INNER JOIN perusahaan ON
lowongan.id_perusahaan = perusahaan.id_perusahaan ORDER
BY tgl_pasang DESC";
$tampil = mysql_query($sql);
$no=1;
while ($tampilkan =
mysql_fetch_array($tampil)) {
$Kode = $tampilkan['id_lowongan'];
?>
<div class="box-body col-xs-12 sol" >
<div class="row">
<div class="col-xs-3 col-md-2">
<div class="timeline-body">
<?php echo "<img
src=../admin/module/perusahaan/tampil2.php?id_perusahaa
n=$tampilkan[id_perusahaan] width='100' height='100'
>"?>
</div>
</div>
<div class="col-sm-5 judul">
<h3><strong><?php echo
$tampilkan['nama_perusahaan']; ?></strong></br>
<small><?php echo $tampilkan['alamat'];
?></br>
<?php echo $tampilkan['website'];
?></small></h3>
</div>
</div>
<div class="bg-light-blue-active color-palette">
<h3 class="box-title">Kategori <?php echo
$tampilkan['kategori_krj']; ?></h3>
154
</div><!-- /.box-header -->
<div class="box-body">
<div class="row">
<div class="col-xs-4">
Dibutuhkan : <?php echo
$tampilkan['byk_lowongan']; ?>
</br>Gaji : <?php echo
$tampilkan['gaji']; ?>
</br>IPK Min :
</div>
<div class="col-xs-8">
Jurusan :
</br>Jenis Pekerjaan : <?php echo
$tampilkan['posisi']; ?>
</br>Bidang Pekerjaan: <?php echo
$tampilkan['kategori_krj']; ?>
</br>Tingkat / Gelar : <?php echo
$tampilkan['pendidikan']; ?>
</div>
</div>
</div><!-- /.box-body -->
<div class="panel box box-primary">
<div id="collapseOne" class="panel-collapse
collapse in">
<?php
$masaaktif = $tampilkan['tgl_pasang'];
$masaakhir = $tampilkan['tgl_akhir'];
155
$sekarang = date("d-m-Y");
$masaberlaku = date("d-m-
Y",strtotime($masaakhir)) - $sekarang;
//... ?>
<div class="box-body">
<div class="row">
<div class="col-xs-5">
Tanggal Posting : <?php echo date("d-F-
Y", strtotime($masaaktif)) ?>
</div>
<div class="col-xs-6">
Tanggal Expired : <?php echo date("d-F-
Y", strtotime($masaakhir)) ?>
( <?php echo "$masaberlaku" ?> hari lagi)
</div>
</div>
</div>
</div>
<div class="panel box box-primary">
</div>
<div class="box-body">
<div class="row">
<div class="col-xs-12">
Kualifikasi :</br>
<?php echo $tampilkan['Syarat'] ?>
</div>
156
</div>
</div><!-- /.box-body -->
<div class="bg-light-blue-active color-palette">
<h3 class="box-title">Tentang </h3>
</div><!-- /.box-header -->
<div class="box-body text-justify">
<?php echo $tampilkan['tentang']; ?>
</div><!-- /.box-body --></div>
</div><!-- /.box -->
<?php } ?>
detail_perusahaan.php
<?php
include "../inc/inc.koneksi.php";
//include "header.php";
?>
<head>
<meta charset="UTF-8">
<title>CDC</title>
<meta content='width=device-width, initial-scale=1,
maximum-scale=1, user-scalable=no' name='viewport'>
<!-- daterange picker -->
157
<link
href="../aset/plugins/daterangepicker/daterangepicker-
bs3.css" rel="stylesheet" type="text/css" />
<!-- iCheck for checkboxes and radio inputs -->
<link href="../aset/plugins/iCheck/all.css"
rel="stylesheet" type="text/css" />
<!-- Bootstrap Color Picker -->
<link href="../aset/plugins/colorpicker/bootstrap-
colorpicker.min.css" rel="stylesheet"/>
<!-- Bootstrap time Picker -->
<link href="../aset/plugins/timepicker/bootstrap-
timepicker.min.css" rel="stylesheet"/>
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to
reduce the load. -->
<link href="../aset/dist/css/skins/_all-
skins.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="../aset/plugins/iCheck/all.css"
rel="stylesheet" type="text/css" />
<!-- bootstrap wysihtml5 - text editor -->
<link rel="stylesheet"
href="../aset/plugins/bootstrap-wysihtml5/bootstrap3-
wysihtml5.min.css">
<!-- Bootstrap 3.3.4 -->
<link
href="../aset/bootstrap/css/bootstrap.min.css"
rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-
awesome/4.3.0/css/font-awesome.min.css"
rel="stylesheet" type="text/css" />
<!-- Ionicons -->
158
<link
href="https://code.ionicframework.com/ionicons/2.0.1/cs
s/ionicons.min.css" rel="stylesheet" type="text/css" />
<!-- DATA TABLES -->
<link
href="../aset/plugins/datatables/dataTables.bootstrap.c
ss" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="../aset/dist/css/AdminLTE.min.css"
rel="stylesheet" type="text/css" />
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to
reduce the load. -->
<link href="../aset/dist/css/skins/_all-
skins.min.css" rel="stylesheet" type="text/css" />
<style>
.color-palette {
height: 35px;
line-height: 35px;
text-align: center;
}
.color-palette-set {
margin-bottom: 15px;
}
.color-palette span {
display: none;
font-size: 12px;
}
159
.color-palette:hover span {
display: block;
}
.color-palette-box h4 {
position: absolute;
top: 100%;
left: 25px;
margin-top: -40px;
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
display: block;
z-index: 7;
}
.sol {
border: 2px solid gray;
}
.judul {
text-align: center;
}
</style>
</head><?php
$data=mysql_query("select
* from perusahaan where
id_perusahaan='$_GET[id_perusahaan]'");
160
$edit=mysql_fetch_array($data);
?>
<div class='box-body'>
<div class='col-md-3'>
<div class='box box-
danger'>
<div class='box-body
box-profile'>
<?php
$edit['foto']
//if
($edit['foto']!=''){
//echo
"<img class='profile-user-img img-responsive img-
circle' src='$edit[foto]' alt='User profile picture'>";
?>
<h3
class='profile-username text-center'><?php
$edit['nama_lengkap']?></h3>
<p class='text-
muted text-center'><?php $edit['nama_lengkap']?></p>
<ul class='list-
group list-group-unbordered'>
<li
class='list-group-item'>
<b>Nama
Perusahaan</b> <a class='pull-right'><?php echo
$edit['nama_perusahaan']; ?></a>
161
</li>
<li
class='list-group-item'>
<b>Bidang
Industri</b> <p class='pull-right'><?php echo
$edit['bidang_usaha']; ?></a>
</li>
<li
class='list-group-item'>
<b>Alamat</b>
<p class='pull-right'><?php echo $edit['alamat']; ?></a>
</li>
<li
class='list-group-item'>
<b>Website</b> <a class='pull-right'><?php echo
$edit['website']; ?></a>
</li>
</ul>
</div><!-- /.box-
body -->
</div><!-- /.box -->
</div>
<div class='col-md-9'>
<div class='nav-tabs-
custom'>
<ul class='nav nav-
tabs'>
162
<li
class='active'><a href='#activity' data-
toggle='tab'>Profil Lengkap</a></li>
<!--<li
class='text-blue'><a href='#alamat' data-
toggle='tab'>Alamat Lengkap</a></li>
<li
class='text-blue'><a href='#akademik' data-
toggle='tab'>Info Akademik</a></li>
-->
</ul>
<div
class='tab-content'>
<div
class='active tab-pane' id='activity'>
<div
class='post'>
<div class="form-group">
<label class="col-sm-3"></label>
<div class="col-sm-6">
<p style="text-align:justify;">
<?php echo $edit['tentang']; ?>
</p>
</div></div></div></div></div></div></div></div></
div>
163
164