RANCANG BANGUN WEBSITE CAREER DEVELOPMEN

Sistem informasi yang akan dibuat

RANCANG BANGUN WEBSITE
CAREER DEVELOPMENT

selain

CENTER FAKULTAS ILMU

membutuhkan pekerjaan sesuai keahliannya

KOMPUTER UNIVERSITAS

juga

bermanfaat

bermanfaat

bagi

mahasiswa

bagi

perusahaan

yang

yang

SINGAPERBANGSA KARAWANG
membutuhkan tenaga kerja.
Mahasiswa

Rifky Syaripudin

dapat

meng-update

statusnya sudah bekerja atau malah mencari

Intan Purnamasari

kerja, mahasiswa yang mencari kerja dapat
Abstract

Sebuah lowongan pekerjaan

biasanya sangat dibutuhkan bagi mahasiswa
yang kebanyakan memilih kuliah sambil
bekerja. Mengingat hal tersebut mahasiswa
biasanya banyak mencari info lowongan

meng-apply pekerjaan dari lowongan pekerjaan
yang tersedia sesuai keahliannya. Selain itu
perusahaan juga dapat dengan mudah mencari
tenaga kerja yang dibutuhkan sesuai bidang
dan keahlian tenaga kerja yang dibutuhkan.

pekerjaan yang ditempel di mading atau
didinding sekitar kampus mereka.

I.

Hal tersebut sangat kurang efisien dan
tidak

semua

mahasiswa

membaca

info

lowongan pekerjaan yang biasanya ditempel
oleh staff dari jurusan/fakultas di peruguruan
tinggi tertentu. Maka dari itu dibuat sebuah
layanan penyedia sebagian mahasiswa adalah

informasi mengenai lowongan pekerjaan.

Fakultas

PENDAHULUAN
Ilmu

Komputer

semula

bernama Fakultas Teknologi Informasi dan
Komunikasi Didirikan pada tanggal 18 Juli
2008 berdasarkan Surat Keputusan Yayasan
Pembina Perguruan Tinggi Pangkal Perjuangan
No. 019/SK/YPPTPP/USK/VII/2008 tentang
Pembentukan Fakultas Teknologi Informasi
dan Komunikasi Universitas Singperbangsa

1

Karawang.

Selanjutnya

berdasarkan

Surat

dapat diakses oleh mahasiswa tertentu sesuai

Keputusan Yayasan Pembina Perguruan Tinggi

keahliannya yang dibutuhkan oleh perusahaan.

Pangkal

Perjuangan

No.

Sehingga perusahaan dapat membuat lowongan

017/SK/YPPTPP/USK/VI/2010

tentang

pekerjaan sesuai kebutuhan perusahaan dengan

perubahan nama Fakultas Teknologi Informasi
dan Komunikasi Universitas Singperbangsa

keahlian tertentu yang dimiliki mahasiswa.
Mahasiswa pencari kerja, staff admin

Karawang, maka sejak tanggal 21 Juni 2010

fakultas,

berubah

sebuah media yang menuntut peran aktif dari

nama

menjadi

Fakultas

Ilmu

Komputer disingkat Fasilkom.

serta

perusahaan

membutuhkan

semua pihak guna membangun komunikasi dan

Salah satu sarana informasi yang

kerja sama yang baik. Staff admin yang

banyak dicari oleh mahasiswa adalah informasi

diminta oleh perusahaan untuk mencarikan

mengenai lowongan pekerjaan. Terkadang

mahasiswa

pengumuman mengenai informasi lowongan

dibutuhkan sering kali kesulitan.

yang

sesuai

kriteria

yang

pekerjaan sering ditempel di mading maupun

Pengumuman yang tertempel di dinding
saja belum cukup untuk memberitahukan

TEORI DASAR

II.

di dinding-dinding sekitar kampus.

A. Sistem Informasi

Menurut Jogiyanto H.M dalam bukunya

kepada mahasiswa bahwa terdapat lowongan

Pengenalan Komputer mengatakan bahwa:

pekerjaan, karena tidak semua mahasiswa

“Sistem informasi adalah suatu sistem di

memiliki waktu luang atau sempat melihat-

dalam suatu organisasi yang merupakan

lihat dinding pengumuman.

kombinasi

dari

teknologi,

media,

Selain itu bagi perusahaan yang sedang
membutuhkan tenaga kerja dapat dengan

pengendalian

mudah membuat lowongan pekerjaan yang

mendapatkan

orang-orang,

prosedur-prosedur

yang
jalur

fasilitas,

ditujukan
komunikasi

dan
untuk

penting,

memproses tipe transaksi tertentu, memberi

utama

database

sinyal kepada manajemen dan yang lainnya

dengan

tujuan

terhadap

kecepatan dalam pengambilan data kembali.

kejadian-kejadian

internal

dan

eksternal yang penting dan menyediakan suatu

(Abdul

dasar informasi untuk pengambilan keputusan

MySQL”)

yang cerdik”.

Komputer

merupakan

tempat

penyimpanan data dan informasi dengan
berdasarkan topik tertentu. Diumpamakan situs
web ini adalah sebuah buku yang berisi topik
Website

2008:

fleksibelitas

”Bekerja

dan

dengan

1. Adanya fasilitas untuk menampilkan

Website menurut Budi Irawan dalam buku

tertentu.

utama

D. Kebutuhan Fungsional

B. Website

Jaringan

Kadir,

adalah pengaturan data

atau Situs

Web

juga

merupakan kumpulan dari halaman-halaman
web yang saling berkaitan didalam website
tersebut.

pengumuman lowongan kerja terbaru
serta informasinya.
2. Adanya fasilitas untuk menambahkan

lowongan pekerjaan.
3. Adanya fasilitas untuk mengedit dan

menghapus lowongan pekerjaan.
4. Adanya

fasilitas untuk pendaftaran

perusahaan baru yang ingin bergabung
5. Adanya fasilitas untuk menambahkan,

C. Basis Data

mengedit, menghapus data perusahaan

Database atau basis data berarti koleksi

yang telah bergabung

data yang saling terkait. Basis data dapat

6. Adanya fasilitas untuk menampilkan

dianggap sebagai suatu penyusunan data yang

list perusahaan yang telah bergabung

terstruktur yang disimpan dalam

beserta informasinya

harddisk

yang tujuannya adalah agar data tersebut dapat
diakses dengan mudah dan cepat. Prinsip
3

7. Adanya fasilitas untuk menampilkan

list

mahasiswa

terdaftar

beserta

informasi

karir

dan

profil

kemampuannya

melihat lowongan pekerjaan.

8. Adanya fasilitas untuk menambahkan,

mengedit, menghapus mahasiswa

yang

sedang

13. Adanya

administrator

untuk

maintenance website.

9. Adanya fasilitas untuk menampilkan

mahasiswa

12. User pengunjung biasa hanya dapat

mencari

E. Kebutuhan Non-Fungsional
1. Operasional

a. Dapat diakses oleh client dari

pekerjaan
10. Adanya pembagian pengguna menjadi

berbagai browser
b. Adanya

4 kelompok :
a. Mahasiswa yang telah terdaftar

perbedaan

tampilan

halaman user dengan halaman

dapat login.

admin

b. Perusahaan

yang

telah

bergabung dapat login.

2. Keamanan

Adanya penggunaan password dan

c. User pengunjung biasa bukan

pilihan login pada form login untuk

bagian dari mahasiswa atau

membedakan tipe user termasuk hak

perusahaan tidak dapat login.

akses masing-masing

d. Administrator.
11. Mahasiswa

menikmati
disediakan,

dan
semua

3. Informasi

perusahaan

dapat

a. Adanya informasi untuk tata

fasilitas

yang

cara registrasi, penambahan, dan

melihat

peraturan dalam menggunakan

diantaranya:

lowongan, melihat profil mahasiswa,
melihat profil perusahaan, kirim dan
terima pesan.

semua fasilitas yang disediakan
b. Informasi yang selalu update
4. Kinerja

Antarmuka yang interaktif, dinamis,
dan mudah digunakan

permasalahan yang diangkat penulis diatas
maka solusi yang didapat antara lain :
1. Bagaimana agar staff admin fakultas atau

PERANCANGAN PERANGKAT

III.

menemukan

mahasiswa

yang

sedang mencari pekerjaan beserta profil dan

LUNAK
A. Perancangan Sistem

catatan histori karirnya.

Saat ini kebanyakan fakultas hanya di

2. Bagaimana agar staff admin fakultas atau

Perguruan Tinggi tertentu memberitahukan

perusahaan

informasi lowongan pekerjaan di dinding

mencari kerja sesuai dengan kriteria lowongan

pengumuman

pekerjaan yang cocok.

atau

via

facebook.com.

Namun tidak semua mmahasiswa aktif di

menemukan

mahasiswa

yang

3. Bagaimana agar para mahasiswa pencari

situs facebook dan tidak semua mahasiswa

pekerjaan

akan melihat dinding pengumuman setiap

lowongan pekerjaan yang sesuai dengan minat.

mendapatkan

pemberitahuan

lowongan

4. Bagaimana agar perusahaan dapat memberikan

pekerjaan itu hanya di tawarkan kepada

lowongan kepada pihak fakultas tanpa harus

mahasiswa yang aktif dan dikenal saja.

datang ke Universitas yang bersangkutan.

hari.

Sehingga

sering

kali

Tetapi itu dirasa belum efektif karena
terkadang lowongan pekerjaan tersebut
tidak

sesuai

mahasiswa

5

perusahaan

yang

dengan
ditawari.

5. Bagaimana agar mahasiswa dapat mencari
lowongan yang tersedia.

kemampuan

6. Bagaimana cara mahasiswa pencari kerja dan

Sedangkan

perusahaan dapat mengakses website ini

masih banyak mahasiswa yang lebih

sebagai hak user.

membutuhkan pekerjaan dan sesuai dengan

Maka untuk mengatasi permasalahan yang

kriteria yang dibutuhkan. Adapun dari

diuraikan diatas penulis akan membuat sebuah

lowongan

6. Memberikan fasilitas login pada halaman

pekerjaan berbasis web yang dapat digunakan

depan website dengan pilihan login sebagai

oleh

perusahaan atau mahasiswa.

sistem

informasi

beberapa

mengenai

perguruan

tinggi.

Berikut

beberapa tujuan yang akan dicapai dalam

B. Metodologi Penelitian

membuat Aplikasi Career Development System

Dalam perancangan sistem website Career

Berbasis Web :

Development Center pada Perguruan Tinggi ini

1. Memberikan fasilitas biodata

yang dapat

penulis

menggunakan

metode

System

diperbaharui oleh mahasiswa langsung dan

Development Life Cycle (SDLC). Sedangkan

akan dipakai untuk fakultas sebagai keperluan

pengembangan menggunakan teknik prototype.

akademik dan informasi pekerjaan.
2. Memberikan fasilitas yang mempermudah staff
admin

fakultas

atau

perusahaan

untuk

menentukan mahasiswa pencari kerja yang
cocok dengan lowongan yang ada.
3. Memberikan

fasilitas

pengiriman

email

otomatis kepada mahasiswa pencari kerja saat
ada lowongan pekerjaan yang sesuai.
4. Memberikan fasilitas registrasi dan login untuk
perusahaan

yang

ingin

bergabung

untuk

menyediakan lowongan kerja bagi mahasiswa
yang menempuh pendidikan di perguruan
tinggi tertentu.
5. Memberikan fasilitas menu list lowongan
pekerjaan yang tersedia.

admin

sebagai

administrator.

Berikut

merupakan halaman utama dari aplikasi Career
Development Center berbasis web :

Gambar 3.2 Halaman utama Sistem Informasi
Career Development Center

Gambar 3.1 Use Case Diagram dari aktivitas
pengguna (User)
C. Perancangan Antarmuka
Perancangan

antarmuka

pada

sistem

informasi Career Development Center dibuat

Gambar 3.3 Tampilan Login Sistem Informasi

atas beberapa bagian yang terdiri atas tiga hak

Career Development Center

akses untuk login yaitu untuk Mahasiswa dan
Perusahaan serta yang paling utama adalah
7

Gambar 3.4 Tampilan Profil Mahasiswa (User)

Gambar 3.6 Halaman Pembuatan lowongan
dari Perusahaan

Career Develpoment Center

Gambar 3.7 Halaman untuk meng-apply
Gambar 3.5 Tampilan Profil Perusahaan (User)
lowongan pekerjaan bagi Mahasiswa
Career Develpoment Center

IV.

IMPLEMENTASI PERANGKAT
LUNAK

A. Implementasi Basis Data

Aplikasi

Sistem

Informasi

Perkuliahan

dirancang untuk dapat terhubung ke basis data
MySql dengan menggunakan PhpMyadmin.
Implementasi

perancangan

basis

data

Tabel Perusahaan

Perusahaan, Mahasiswa dibutuhkan sesuai data

No
1
2
3
4

Field
id
yang dibutuhkan saja. Berikut beberapa tabel
nama
dekripsi
yang digunakan pada database yang dibuat :
alamat
telp
Tabel Admin
Email
Website
Field
Type
Size
Action
Username
id
Integer
Auto Increment
Primary
Key
Password
nama
Varchar
30
Foto
username
Varchar
30
password

Varchar

Type
Integer
Varchar
Text
Text
Varchar
Varchar
Varchar
Varchar
Varchar
Varchar

Size
Auto Increment
40

Action
Primary Key

15
40
50
40
40
100

32

Gambar 3.10 Tabel Data Perusahaan
Gambar 3.8 Tabel admin
Tabel Mahasiswa
No
1
2
3
4
5
6
7
8
9
10
11
12
13

Field
id
npm
nama
tgl_lahir
semester
email
username
password
telpon
alamat
foto
status
catatan

Type
Integer
Varchar
Varchar
Date
Integer
Varchar
Varchar
Varchar
Varchar
Text
Varchar
Enum
Text

Field

Size
Auto Increment
13
40

Id
Action
Judul
Primary
Key
Isi
Tgl
Status

40
40
40
15
100

Type
Integer
Varchar
Text
DateTime
Enum

Size
Auto Increment
255

Action
Primary Key

Gambar 3.11 Tabel Berita
Tabel Karir
Field

Gambar 3.9 Tabel Data Mahasiswa
9

Tabel Berita

Id
tahun_masuk
tahun_keluar
Posisi
Mahasiswa
Perusahaan

Type
Integer
Varchar
Varchar
Integer
Integer
Varchar

Size
Auto Increment
4
4
15
40

Action
Primary Key

No
1
2

No
1
2
3

Field
Id
Keahlian

Gambar 3.12 Tabel Karir

Gambar 3.16 Tabel l_k

Tabel Keahlian

Tabel m_k(Mahasiswa dan Keahlian)

Type
Integer
Varchar

Size
Auto Increment
40

No
Action
Field
Primary Key
mahasiswa
keahlian

Type
Integer
Integer

Size

Gambar 3.13 Tabel Keahlian

Gambar 3.17 Tabel m_k

Tabel Lamaran

Tabel m_m(Mahasiswa dan Posisi)

Field

Type
Integer
Integer
Integer

id
mahasiswa
lowongan

Size
Auto Increment

No
Action
Field
Primary Key
Mahasiswa
Posisi

Type
Integer
Integer

Size

Action

Action

Gambar 3.18 Tabel m_m
Gambar 3.14 Tabel Lamaran
Tabel Posisi
Tabel Lowongan
Field
No
1
2
3
4
5
6
7
8
9

Field
id
nama
posisi
pendidikan
perusahaan
umum
tgl_dibuat
tgl_kadaluars
a
deskripsi

Type
Integer
Varchar
Integer
Varchar
Integer
Varchar
Date

Size
Auto Increment
100

Action
Id
PrimaryPosisi
Key

Action
Primary Key

Tabel Pesan
32
Field
Id
Pengirim
Penerima
Judul
Isi
Waktu
Status

Date
Text

Tabel l_k (Lowongan dan Keahlian)
Field
lowongan
keahlian

Size
Auto Increment
50

Gambar 3.19 Tabel Posisi

100

Gambar 3.15 Tabel Lowongan

No
1
2

Type
Integer
Varchar

Type
Integer
Integer

Type
Integer
Varchar
Varchar
Varchar
Text
DateTime
TinyInt

Size
Auto Increment
255
255
255

Size

Gambar 3.20 Tabel Pesan

Action
Primary Key

d. Webrowser

: Mozilla Firefox,

B. Implementasi Antarmuka (Interface)

Internet Explorer, Google Chrome

Implementasi antarmuka aplikasi terdiri

dan sebagainya.

dari implementasi perangkat lunak untuk

2. Cara Instalasi aplikasi

proses login dan perangkat lunak untuk

Aplikasi

Career

Development

Center

administrator. Implementasi Sistem Informasi

merupakan aplikasi berbasis web sehingga

Career

langkah instalasi dilakukan sebagai berikut :

Development

Center

merupakan

aplikasi berbasis web yang menggunakan
bahasa pemrograman PHP dan MysSQL.
C. Implementasi Proses

1. Instal

terlebih

dahulu

Webserver

misalnya saja menggunakan aplikasi

Instalasi Aplikasi

Career Development Center

seperti

Xampp,

Lampp,

Wampp,

Apache2 dan lain sebagainya.

1. Spesifikasi aplikasi
2. Jika sudah misal import database yang

a. Basis aplikasi

: Web

b. Webserver

: Apache2 (atau

menggunakan aplikasi paket server
Xampp,

Lampp,

Wampp

dan

karena aplikasi Career Development
Center

ini

menggunakan

akses

database.

sebagainya).
c.

telah dibuat (cdc.sql) pada MySQL

Database :

3. Setelah

itu simpan folder aplikasi

c.i.1.

Server

: MySQL

lengkap Career Development Center

c.i.2.

Nama

: cdc

pada

c.i.3.

User

: root

Dalam hal ini penulis menggunakan

c.i.4.

Password

: (kosong)

aplikasi Xampp maka simpan folder

Webserver

yang

digunakan.

lengkap aplikasi Career Development
11

Center

dengan

terlebih

dahulu

membuka drive C://xampp/htdocs.

bertugas sebagai administrator.

4. Jika telah selesai buka Webrowser yang

digunakan,

penulis

menggunakan

Mozilla Firefox sehingga selanjutnya
ketikan

//localhost/(nama

kebutuhannya, serta satu orang admin yang

folder

lengkap aplikasi Career Development
Center) dimana folder itu tersimpan

B. Pengujian Proses Pembuatan Lowongan

Pekerjaan oleh Perusahaan
Pembuatan lowongan pekerjaan sudah
barang tentu dibuat oleh perusahaan bagi
mahasiswa

yang

membutuhkan

keahliannya.

Proses

pengujian

sesuai

pembuatan

lowongan pekerjaan oleh perusahaan dapat

pada folder htdocs.

dilihat pada Gambar 3.7.
5. Selesai.

C. Pengujian

Proses Apply Lowongan

Pekerjaan oleh Mahasiswa
Mahasiswa dapat meng-apply lowongan
PENGUJIAN PERANGKAT

V.

pekerjaan yang tersedia pada akunnya apabila
LUNAK
bergabung dalam sistem informasi Career
Pengujian

yang

dilakukan

perancangan

basis

meliputi
Development Center. Namun mahasiswa yang

pengujian

data

dan
dapat meng-apply lowongan pekerjaan tersebut

pengujian implementasi aplikasi sistem.
hanya dapat dilakukan bagi mahasiswa yang
A. Pengujian Proses Login Sistem Aplikasi

memasang keterangan status mencari kerja
Proses login dilakukan untuk menguji
saja.
apakah

pengguna

(user)

dalam

hal

Proses

pengujian

apply

lowongan

ini
pekerjaan yang dilakukan mahasiswa dapat

pengguna

(user)

adalah

mahasiswa

dan
dilihat pada Gambar 3.8.

perusahaan dapat mengakses sistem informasi
Career

Development

Center

sesuai

Proses pengujian perubahan status yang

1. Memberikan fasilitas biodata

yang dapat

diakukan oleh mahasiswa dapat dilihat pada

diperbaharui oleh mahasiswa langsung dan

gambar berikut :

akan dipakai untuk fakultas sebagai keperluan
akademik dan informasi pekerjaan.
2. Memberikan fasilitas yang mempermudah staff
admin

fakultas

atau

perusahaan

untuk

menentukan mahasiswa pencari kerja yang
cocok dengan lowongan yang ada.
3. Memberikan

fasilitas

pengiriman

email

otomatis kepada mahasiswa pencari kerja saat
ada lowongan pekerjaan yang sesuai.
Gambar 4.1 Perubahan status bagi
Mahasiswa yang mencari kerja maupun yang

4. Memberikan fasilitas registrasi dan login untuk
perusahaan

yang

ingin

bergabung

untuk

menyediakan lowongan kerja bagi mahasiswa

tidak mencari kerja

yang menempuh pendidikan di perguruan
VI.

tinggi tertentu.

KESIMPULAN

Berdasarkan pada hasil perancangan,
implementasi
sistem

dan

aplikasi

pengujian
yang

sudah

terhadap
dibuat,

diperoleh kesimpulan sebagai berikut. :

5. Memberikan fasilitas menu list lowongan
pekerjaan yang tersedia.
6. Memberikan fasilitas login pada halaman
depan website dengan pilihan login sebagai
perusahaan atau mahasiswa.

DAFTAR PUSTAKA
13

Wicaksono

R.S.

2010.

Konsep

Dasar

Rekayasa Perangkat Lunak (Software
Engineering).

Jakarta:

Pustaka

Prestasi Publisher.
Abdul Kadir. 2011. Membuat Aplikasi Web.
Jogjakarta: Andi Publisher.
Anhar, S.T. 2010. Panduan Menguasai PHP
& MySQL. Jakarta: Media Kita.
Betha, Ir, Husni I. Pohan, Ir.M.Eng. (2009),
Pemrograman Web dengan HTML
Revisi

Kedua.

Bandung.

CV

Informatika,

15