SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo...

177
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

Transcript of SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo...

Page 1: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 2: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

ii

Page 3: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

iii

HALAMAN PENGESAHAN

Page 4: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 5: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 6: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 7: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 8: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 9: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 10: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 11: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 12: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 13: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 14: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 15: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 16: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 17: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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 :

Page 18: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 19: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 20: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 21: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 22: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 23: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 24: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 25: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 26: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 27: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 28: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 29: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 30: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 31: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 32: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 33: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 34: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 35: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 36: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 37: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 38: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 39: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 40: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 41: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 42: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

29

Page 43: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 44: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 45: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 46: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 47: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 48: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 49: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 50: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 51: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 52: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 53: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 54: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 55: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 56: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 57: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 58: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 59: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 60: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 61: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 62: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 63: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 64: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 65: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 66: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 67: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 68: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 69: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 70: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 71: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 72: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 73: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 74: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 75: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 76: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 77: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 78: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 79: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 80: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 81: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 82: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 83: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 84: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 85: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 86: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 87: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 88: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 89: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 90: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 91: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 92: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 93: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 94: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 95: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 96: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 97: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 98: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 99: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 100: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 101: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 102: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 103: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 104: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 105: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 106: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 107: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 108: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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"];

Page 109: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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();

}

?>

Page 110: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 111: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

98

Tabel 6.1 Hasil Pengujian Fungsionalitas Administrator

N

o.

Pengujian Hasil Ket

1 Login

Berhasil

2 Melihat

data

perusahaa

n

Berhasil

Page 112: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 113: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

100

7 Mengolah

data

lowongan(

Tambah,

Hapus,

Ubah)

Berhasil

Page 114: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

101

8 Mengolah

data

member(H

apus,

Ubah)

Berhasil

Page 115: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

102

9 Mengolah

data

admin

Berhasil

Tabel 6.2 Tabel Admin Perusahaan

N

o.

Pengujian Hasil Ket

1 Login

Berhasil

Page 116: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

103

2 Merubah

data

admin

perusahaa

n

Berhasil

3 Merubah

data

perusahaa

n

Berhasil

4 Menamba

h

lowongan

kerja

Berhasil

Page 117: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

104

5 Merubah

lowongan

kerja

Berhasil

6 Menghapu

s

lowongan

kerja

Berhasil

7 Melihat

pelamar

kerja

Berhasil

8 Mencetak

CV

pelamar

Berhasil

Page 118: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

105

Tabel 6.3 Tabel Member Pencari Kerja

N

o.

Pengujian Hasil Ket

1 Login

Berhasil

Page 119: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

106

2 Merubah

Cv

Berhasil

3 Menamba

h CV

Berhasil

4 Mencari

lowongan

kerja

Berhasil

5 Melamar

kerja

Berhasil

6 Mencetak

CV

Berhasil

Page 120: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

107

Tabel 6.4 Tabel User Pencari Kerja

N

o.

Pengujian Hasil Ket

1 Mencari

lowongan

Berhasil

Page 121: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

108

2 Melihat

lowongan

Berhasil

3 Melihat

detail

perusahaa

n

Berhasil

4 registrasi

Berhasil

Page 122: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 123: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 124: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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.

Page 125: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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";

?>

Page 126: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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'];

?>

Page 127: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 128: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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'];

Page 129: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 130: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 131: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 132: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 133: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 134: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 135: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 136: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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 () {

Page 137: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 138: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 139: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 140: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 141: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 142: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 143: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 144: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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="">

Page 145: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 146: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 147: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 148: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 149: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 150: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 151: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 152: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 153: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 154: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 155: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 156: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 157: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 158: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 159: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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"

Page 160: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 161: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 162: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 163: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 164: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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;

}

Page 165: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 166: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 167: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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'];

Page 168: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 169: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 170: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 171: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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;

}

Page 172: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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]'");

Page 173: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 174: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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

Page 175: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

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>

Page 176: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

163

Page 177: SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS …eprints.unisbank.ac.id/4475/1/Afif Cahyo Nugroho(15.01.63.0008).pdfi SISTEM INFORMASI CAREER DEVELOPMENT CENTER BERBASIS WEB

164