Berisikan tentang kesimpulan dan saran yang penulis berikan dari hasil
penelitian.
commit to user
6
BAB II
LANDASAN TEORI
2.1. Definisi Sistem dan Informasi
Suatu sistem adalah jaringan kerja dari prosedur-prosedur yang saling
berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau
menyelesaikan suatu sasaran tertentu. Suatu sistem yang baik harus
mempunyai tujuan dan sasaran yang tepat karena hal ini akan sangat
menentukan dalam mendefinisikan masukan yang dibutuhkan sistem dan juga
keluaran yang dihasilkan (Kristanto, 2003) .
Informasi merupakan kumpulan data yang diolah menjadi bentuk yang
lebih berguna dan lebih berarti bagi yang menerima. Tanpa suatu informasi,
suatu sistem tidak akan berjalan dengan lancar dan akhirnya bisa mati
(Kristanto, 2003).
2.2. Definisi Sistem Informasi
Sebuah sistem informasi merupakan kumpulan dari perangkat keras dan
perangkat lunak serta perangkat manusia yang akan mengolah data
menggunakan perangkat keras dan lunak tersebut. Selain itu data juga
memegang peranan penting dalam sistem informasi (Kristanto, 2003).
2.3. Perancangan Sistem
Menurut Kendall dan Kendall (2003) Perancangan sistem adalah
merancang atau mendesain sistem yang baik, isinya adalah langkah-langkah
operasi dalam pengolahan data dan prosedur untuk mendukung operasi sistem.
Langkah-langkah yang dilakukan untuk perancangan sistem adalah :
a. Mempelajari dan mengumpulkan data untuk disusun menjadi sebuah
struktur data yang sesuai dengan sistem yang dibuat.
b. Melakukan evaluasi serta merumuskan masalah.
c. Menganalisis kendala yang akan dihadapi dalam permasalahan yang
mungkin timbul dalam proses perancangan sistem.
commit to user
2.4. Alat Bantu Perancangan Sistem
Dalam merancang sistem terdapat alat-alat bantu yang digunakan untuk
merancang suatu sistem yaitu :
2.4.1. Diagram Context (Context Diagram)
Diagram Context adalah tingkatan tertinggi dalam diagram aliran data
dan hanya membuat satu proses, menunjukkan sistem secara keseluruhan,
diagram ini tidak membuat penyimpanan data dan tampak sederhana (Kendall
dan Kendall, 2003).
2.4.2. DFD (Data Flow Diagram)
DFD adalah gambaran alur data atau informasi tanpa mengaitkan
bentuk fisik media penyimpanan data atau hardware (Kendall dan Kendall,
2003). DFD merupakan alat bantu yang berfungsi untuk menggambarkan
secara rinci mengenai sistem sebagai jaringan kerja antar fungsi yang
berhubungan satu sama lain dengan menunjukkan dari dan kemana data
mengalir serta penyimpanannya. Beberapa simbol yang digunakan dalam DFD
ditunjukkan pada Tabel 2.1.
Tabel 2.1 Tabel Simbol dalam DFD
Simbol Keterangan
Menunjukkan kesatuan luar yang bisa
menerima informasi atau data-data awal
Menunjukkan proses dimana beberapa
tindakan atau sekelompok tindakan
dijalankan
Menunjukkan arus data dimana informasi
sedang melintas kesuatu proses
File, basis data atau menyimpan yang
diimplementasikan dalam komputer.
commit to user
2.4.3. ERD (Entity Relationship Diagram)
Entity Relationship Diagram (ERD) merupakan diagram yang berisi
komponen-komponen himpunan entitas dan himpunan relasi yang
masing-masing dilengkapi dengan atribut-atribut yang merepresentasikan seluruh fakta
yang ditinjau (Fatansyah, 2001). Beberapa simbol yang digunakan dalam ERD
ditunjukkan pada Tabel 2.2.
Tabel 2.2 Tabel Simbol dalam ERD
Simbol Keterangan
Menunjukkan himpuan entitas yang
merupakan suatu obyek yang dapat
diidentifikasi dalam lingkungan pemakai.
Menunjukkan atribut yang berfungsi
mendeskripsikan karakter entitas.
Menunjukkan himpunan relasi antar
entitas.
Digunakan sebagai penghubung antara
himpunan relasi dengan himpunan entitas
dan himpunan entitas dengan atributnya,
2.5. Flowchart
Flowchart merupakan aliran dari instruksi-intruksi atau
perintah-perintah dari logika berpikir yang dapat digambarkan dengan simbol-simbol
secara berurutan (Harry Waluya, 1997). Beberapa simbol yang digunakan
dalam Flowchart ditunjukkan pada Tabel 2.3.
commit to user
Tabel 2.3 Tabel Simbol dalam Flowchart
Simbol Keterangan
Menunjukkan simbol terminal yang
berfungsi untuk mengawali dan
mengakhiri flowchart.
Menunjukkan symbol I/O yang berfungsi
sebagai pembaca data input dan
perencanaan data output.
Menunjukkan simbol decision atau simbol
pertanyaan.
Menunjukkan arus data dimana informasi
sedang melintas kesuatu proses
2.6. Basis Data
Basis data merupakan kumpulan data yang saling berhubungan satu
dengan yang lainnya, tersimpan di perangkat komputer dan digunakan
perangkat lunak untuk memanipulasinya (Jogiyanto, 2001). Basis data
merupakan salah satu komponen yang penting dalam sistem informasi, karena
merupakan basis dalam menyedikan informasi bagi para pemakai.
Menurut Jogiyanto (2001), Jenjang data yang diperlukan dalam
membentuk basis data adalah:
a. Characters : Merupakan bagian data terkecil, yang dapat berupa karakter
numeric, huruf ataupun karakter – karakter khusus ( special character )
yang membentuk suatu item data/field.
b. Field : Mempresentasikan suatu atribut dari record yang menunjukkan
suatu item dari data, seperti misalnya nama, alamat dan sebagainya.
Kumpulan dari field membentuk suatu record.
commit to user
c. Record : Menggambarkan suatu unit data individu yang tertentu.
Kumpulan dari record membentuk suatu file.
d. File : Terdiri dari record – record yang menggambarkan suatu kesatuan
data yang sejenis.
e. Database : Kumpulan dari file / tabel membentuk suatu database.
2.7. PHP
PHP adalah bahasa server-side scripting yang menyatu dengan HTML
untuk membuat halaman web yang dinamis. Maksud dari server-side scripting
adalah sintaks dan perintah-perintah yang diberikan akan sepenuhnya
dijalankan di server tetapi disertakan pada dokumen HTML (Bimo
Sunarfrihantono, 2003).
2.8. MySQL
MySQL adalah multiuser database yang menggunakan bahasa
Structured Query Language (SQL) (Bimo Sunarfrihantono, 2003).
2.9. Paket XAMPP
XAMPP merupakan paket PHP dan MySQL berbasis open source, yang
dapat digunakan sebagai tool pembantu pengembangan aplikasi berbasis PHP.
XAMPP mengombinasikan beberapa paket perangkat lunak berbeda ke dalam
satu paket (Riyanto, 2011).
2.10. PHPMyAdmin
PhpMyAdmin merupakan sebuah program bebas yang berbasis web
yang dibuat menggunakan aplikasi PHP, tujuan dibuatnya program ini adalah
untuk mengakses database mysql, intinya adalah digunakan untuk menjadi
administrator dari server MySQL. Dengan adanya program ini akan
mempermudah dan mempersingkat kinerja kita, dengan kelebihan-kelebihan
yang ada mengakibatkan para pengguna awam tidak harus mampu untuk
commit to user
mengetahui sintak-sintak SQL dalam pembuatan database dan tabel (Bunafit
Nugroho, 2004).
2.11. Rekrutmen
Rekrutmen merupakan upaya pencarian dan perolehan sejumlah
kandidat karyawan yang qualified sehingga memungkinkan perusahaan dapat
menseleksi orang-orang yang paling tepat untuk mengisi lowongan pekerjaan.
Secara ringkas, proses rekrutmen adalah serangkaian kegiatan yang digunakan
untuk mendapatkan sejumlah pelamar yang secara potensial qualified. Produk
dari proses rekrutmen adalah sejumlah kandidat karyawan atau pemegang
jabatan yang akan diproses berikutnya dalam tahapan seleksi. Oleh karena itu,
rekrutmen merupakan proses awal dari apakah suatu organisasi mendapatkan
orang yang tepat atau sebaliknya
(http://miredboyz.blogspot.com/p/rekrutmen-karyawan.html).
commit to user
12
BAB III
DESAIN DAN PERANCANGAN
3.1. Piranti Yang Diperlukan
Dalam membangun sistem informasi penerimaan karyawan baru
berbasis web di Putra Mandiri terdapat beberapa perangkat lunak dan
perangkat keras yang digunakan untuk mendukung proses pembuatan aplikasi,
yaitu :
3.1.1. Hardware
Hardware yang diperlukan dalam pembuatan sistem informasi
penerimaan karyawan baru berbasis web di Putra Mandiri oleh penulis yaitu :
Komputer dengan spesifikasi minimal sebagai berikut :
a. Procesor Intel Pentium
b. RAM 250
c. Harddisk 1 GB
d. Monitor, Mouse dan Keyboard.
3.1.2. Software
Software yang diperlukan yaitu :
a. XAMPP versi 1.7
b. MySQL
3.2. Analisa Data
Berdasarkan data-data yang diperoleh, maka dapat dijadikan sebagai
referensi dalam pembuatan Sistem Informasi Penerimaan Karyawan Baru
Berbasis Web di Putra Mandiri. Dengan adanya data-data tersebut maka dapat
dilakukan analisa sistem dan pembuatan Sistem Informasi Penerimaan
Karyawan Baru Berbasis Web di Putra Mandiri.
commit to user
3.3. Analisa Sistem
3.3.1. Context Diagram (CD)
Context Diagram pada sistem informasi penerimaan karyawan baru
berbasis web di Putra Mandiri ditunjukkan pada Gambar 3.1.
Gambar 3.1 Context Diagram (CD)
3.3.2. Data Flow Diagram (DFD)
1. Data Flow Diagram (DFD) Level 0
commit to user
! " # # $ % % # $ # $ % # $ % # $ % & $ ' # $ % ( ' ( ' ( ' # ( ' ( ' ( ' # $ % # $ % ( ' ( ' ) ) ) ) ) ) * ) #' * ) ) ) #' * ) ) ) ) ) ) * ) #' * ) + ( ' ( ' #' * ' # , ' * # #' * * # #' * #' * -( ' ' 'commit to user
2. Data Flow Diagram (DFD) Level 1 Manage Info
Data Flow Diagram level 1 manage info ditunjukkan pada Gambar 3.3.
Gambar 3.3 Data Flow Diagram (DFD) Level 1 Manage Info
3. Data Flow Diagram (DFD) Level 1 Manage Soal
Data Flow Diagram level 1 manage soal ditunjukkan pada Gambar 3.4.
commit to user
4. Data Flow Diagram (DFD) Level 1 Seleksi 1
Data Flow Diagram level 1 seleksi 1 ditunjukkan pada Gambar 3.5.
Gambar 3.5 Data Flow Diagram (DFD) Level 1 Seleksi 1
5. Data Flow Diagram (DFD) Level 1 Manage Kategori
Data Flow Diagram level 1 manage kategori ditunjukkan pada Gambar
3.6.
Gambar 3.6 Data Flow Diagram (DFD) Level 1 Manage Kategori
6. Data Flow Diagram (DFD) Level 1 Seleksi 2
commit to user
Gambar 3.7 Data Flow Diagram (DFD) Level 1 Seleksi 2
3.3.3. Flowchart
1. Flowchart User
commit to user
commit to user
2. Flowchart Admin, Petugas, Pimpinan
Flowchart admin, petugas dan pimpinan ditunjukkan pada Gambar 3.9.
Gambar 3.9 Flowchart Admin, Petugas, Pimpinan
3.4. Perancangan Database
Perancangan database untuk pembuatan sistem informasi penerimaan
karyawan baru berbasis web di Putra Mandiri adalah sebagai berikut :
3.4.1. Tabel admin
Tabel admin berfungsi untuk menyimpan data username dan password
dari admin, petugas dan pimpinan yang digunakan untuk login ke sistem.
commit to user
Seseorang hanya dapat mengakses halaman admin, petugas dan pimpinan,
apabila orang tersebut mempunyai hak atau telah terdaftar sebagai admin,
petugas dan pimpinan dalam tabel admin. Struktur tabel admin digambarkan
pada Tabel 3.1.
Tabel 3.1 Tabel admin
Nama Field Tipe Data Ukuran Field Keterangan
username varchar 8 primary key
password varchar 8
level varchar 8
3.4.2. Tabel pelamar
Tabel pelamar berfungsi untuk menyimpan data id pelamar, nomor ktp,
nama, username, password, jenis kelamin, alamat, nomor telepon, tempat lahir,
tanggal lahir, bulan lahir, tahun lahir dan photo dari pelamar dimana username
dan password akan digunakan untuk login ke sistem. Struktur tabel pelamar
digambarkan pada Tabel 3.2.
Tabel 3.2 Tabel pelamar
Nama Field Tipe Data Ukuran Field Keterangan
id_pelamar varchar 6 primary key
ktp varchar 17 primary key
nama varchar 25
username varchar 10
password varchar 50
jenis varchar 9
alamat text -
telp varchar 12
tlahir varchar 15
tgllahir int 2
commit to user
blnlahir varchar 8
thnlahir int 4
filename varchar 255
location varchar 255
3.4.3. Tabel soal
Tabel soal berfungsi untuk menyimpan data soal seperti pertanyaan,
pilihan a, pilihan b, pilihan c, pilihan d, jawaban, bobot soal dan gambar soal
dikarenakan sesuai dengan kebutuhan PUTRA MANDIRI. Struktur tabel soal
digambarkan pada Tabel 3.3.
Tabel 3.3 Tabel soal
Nama Field Tipe Data Ukuran Field Keterangan
soalid int 3 primary key
pertanyaan text -
pilihan_a text -
pilihan_b text -
pilihan_c text -
pilihan_d text -
jawaban enum(‘A’,’B’,’C’,’D’) -
bobot int 3
filename varchar 255
location varchar 255
3.4.4. Tabel seleksi1
Tabel seleksi1 berfungsi untuk menyimpan data nilai dari hasil test
seleksi 1 dalam bentuk pilihan ganda. Struktur tabel seleksi1 digambarkan pada
Tabel 3.4.
commit to user
Tabel 3.4 Tabel seleksi1
Nama Field Tipe Data Ukuran Field Keterangan
id_pelamar varchar 6 foreign key
nilai1 int 3
status1 varchar 5
3.4.5. Tabel kategori
Tabel kategori berfungsi untuk menyimpan data kategori dan panduan
pertanyaan yang digunakan untuk test wawancara. Struktur tabel kategori
digambarkan pada Tabel 3.5.
Tabel 3.5 Tabel kategori
Nama Field Tipe Data Ukuran Field Keterangan
id_kategori varchar 6 primary key
nama_kategori varchar 15
panduan text -
3.4.6. Tabel seleksi2
Tabel seleksi2 berfungsi untuk menyimpan data nilai seleksi 2 per
kategori dalam bentuk wawancara. Struktur tabel seleksi2 digambarkan pada
Tabel 3.6.
Tabel 3.6 Tabel seleksi2
Nama Field Tipe Data Ukuran Field Keterangan
no_id int 3 primary key
id_pelamar varchar 6 foreign key
id_kategori varchar 6 foreign key
commit to user
3.4.7. Tabel info
Tabel info berfungsi untuk menyimpan data mengenai informasi di
Putra Mandiri. Struktur tabel info digambarkan pada Tabel 3.7.
Tabel 3.7 Tabel info
Nama Field Tipe Data Ukuran Field Keterangan
id_info int 3 primary key
tglmasuk varchar 10
judul varchar 30
deskripsi text -
3.4.8. Tabel ubahnilai
Tabel ubahnilai berfungsi untuk menyimpan data perubahan nilai
seleksi 2 per kategori dan nilai seleksi 2 total. Struktur tabel ubahnilai
digambarkan pada Tabel 3.8.
Tabel 3.8 Tabel ubahnilai
Nama Field Tipe Data Ukuran Field Keterangan
no_id varchar 14 primary key
tanggal varchar 16
npetugas varchar 25
apetugas text -
nopelamar varchar 6
npelamar varchar 25
pengetahuan int 3
keahlian int 3
pengalaman int 3
total int 3
commit to user
3.4.9. Tabel setting
Tabel setting berfungsi untuk menyimpan data batas nilai terendah lulus
test seleksi tahap pertama dalam bentuk pilihan ganda. Struktur tabel setting
digambarkan pada Tabel 3.9.
Tabel 3.9 Tabel setting
Nama Field Tipe Data Ukuran Field Keterangan
nama_setting varchar 5
batas int 3 batas nilai terendah lulus
Untuk perhitungan nilai akhir dalam ujian seleksi PUTRA MANDIRI adalah
sebagai berikut :
NA = ((NS1 * 0.5) + (NS2 * 0.5))
NA = Nilai Akhir
NS1 = Nilai Seleksi 1
NS2 = Nilai Seleksi 2
3.5. ERD (Entity Relationship Diagram)
Entity Relationship Diagram perancangan sistem informasi penerimaan
commit to user
# #& & . # $ * * ' * * * / 0 * . * .' * ./ * . & $ ' # # 0 . 0 . #Gambar 3.10 ERD (Entity Relationship Diagram)
3.6. Table Relationship (Relasi Antar Tabel)
Tabel yang saling berelasi dalam sistem informasi penerimaan
karyawan baru berbasis web di Putra Mandiri. Relasi antar tabel ditunjukkan
pada Gambar 3.11.
commit to user
# $ & * * ' * * * / 1 . # 1 . 1 . . #Gambar 3.11 Table Relationship (Relasi Antar Tabel)
3.7. Perancangan Desain
3.7.1. Rancangan Desain Halaman Index
Halaman index merupakan halaman yang pertama kali akan tampil
ketika sistem dijalankan dalam web browser. Rancangan halaman index dapat
dilihat pada Gambar 3.12.
2 2 "' # 1 2 ( 3 4 5 /
commit to user
1. Form Daftar
Merupakan form yang digunakan user untuk mendaftar ke dalam sistem
penerimaan karyawan baru. Tampilan form daftar dapat dilihat pada
Gambar 3.13.
$ 5 $ 4 ( ( * ( * * 6 6 6 6 6 6 6 6 6 7 $ 888 # '# 9 *# 9 9 ( 6 6 "Gambar 3.13 Form Daftar
2. Form Login User
Merupakan form yang digunakan user untuk login ke sistem. Tampilan
form login user dapat dilihat pada Gambar 3.14.
commit to user
$
6 6
Gambar 3.14 Form Login User
3.7.2. Rancangan Desain Halaman User
Halaman user merupakan halaman yang hanya dapat diakses oleh
user yang sudah terdaftar ke dalam sistem penerimaan karyawan baru.
Halaman user digunakan untuk melakukan test seleksi 1. Konten yang
digunakan untuk menampilkan informasi dari menu-menu yang tersedia.
Rancangan halaman user dapat dilihat pada Gambar 3.15.
2 2 ( 0 $ 1 # ( 3 4
Gambar 3.15 Rancangan Halaman User
1. Form Biodata
Merupakan form yang digunakan untuk melihat biodata user yang saat itu
login ke halaman user. Tampilan form biodata dapat dilihat pada Gambar
3.16.
commit to user
: "(" 4 " ( ( * ( * 6 6 6 6 6 6 * 6 ( 6 6Gambar 3.16 Form Biodata
3.7.3. Rancangan Desain Halaman Index (Admin, Petugas, Pimpinan)
Halaman index (admin, petugas, pimpinan) merupakan halaman
yang pertama kali akan tampil ketika sistem dijalankan dalam web browser.
Rancangan halaman index (admin, petugas, pimpinan) dapt dilihat pada
Gambar 3.17.
commit to user
1 2 $ " 6 6 6 9Gambar 3.17 Rancangan Halaman Index (Admin, Petugas, Pimpinan)
3.7.4. Rancangan Desain Halaman Admin
Halaman admin merupakan halaman yang hanya dapat diakses oleh
seorang admin yang bertugas mengelola sistem informasi penerimaan
karyawan baru. Halaman admin digunakan untuk mengelola data soal, data
kategori, data info dan semua sistem yang terdapat dalam halaman admin.
Konten digunakan untuk menampilkan informasi dari menu-menu yang
tersedia. Rancangan halaman admin dapat dilihat pada Gambar 3.18.
commit to user
Gambar 3.18 Rancangan Halaman Admin
1. Form Upload Soal
Merupakan form yang digunakan untuk menambah soal yang digunakan
untuk test seleksi tahap 1 dengan cara upload soal melalui notepad (.txt).
Tampilan form upload soal dapat dilihat pada Gambar 3.19.
commit to user
2. Form Tambah Soal
Merupakan form yang digunakan untuk menambah soal yang digunakan
untuk test seleksi tahap 1 dengan cara input soal satu per satu. Tampilan
form tambah soal dapat dilihat pada Gambar 3.20.
(" "2 :" * " * * 5 * 4 $ ' 6 6 6 6 6 " 9 6 0 ; ' 6 < ' 6 $ 888
Gambar 3.20 Form Tambah Soal
3. Form Tambah Kategori
Merupakan form yang digunakan untuk menambah nama kategori dan
panduan pertanyaan yang digunakan untuk test wawancara. Tampilan form
tambah kategori dapat dilihat pada Gambar 3.21.
commit to user
Gambar 3.21 Form Tambah Kategori
4. Form Tambah Info
Merupakan form yang digunakan untuk menambah data informasi yang
akan ditampilkan di halaman info. Tampilan form tambah info dapat
dilihat pada Gambar 3.22.
Gambar 3.22 Form Tambah Info
5. Form Setting Batas Nilai
Merupakan form yang digunakan untuk mengatur batas nilai terendah
lulus dari proses seleksi tahap pertama. Tampilan form setting batas nilai
dapat dilihat pada Gambar 3.23.
commit to user
Gambar 3.23 Form Setting Batas Nilai
3.7.5. Rancangan Desain Halaman Petugas
Halaman petugas merupakan halaman yang hanya dapat diakses oleh
seorang petugas wawancara dalam proses penerimaan karyawan baru. Halaman
petugas digunakan untuk menginputkan nilai dari test wawancara atau seleksi
2. Konten digunakan untuk menampilkan informasi dari menu-menu yang
tersedia. Rancangan halaman petugas dapat dilihat pada Gambar 3.24.
Gambar 3.24 Rancangan Halaman Petugas
1. Form Seleksi 2
Merupakan form yang digunakan untuk memasukkan nilai seleksi tahap
kedua atau wawancara. Tampilan form seleksi 2 dapat dilihat pada
Gambar 3.25.
commit to user
: 4= = " " " " =;(" >"" "
Gambar 3.25 Form Seleksi 2
2. Form Perubahan Penilaian Seleksi 2
Merupakan form yang digunakan untuk memasukkan perubahan nilai
seleksi 2 per kategori dan total. Tampilan form perubahan penilaian seleksi
2 dapat dilihat pada Gambar 3.26.
commit to user
3.7.6. Rancangan Desain Halaman Pimpinan
Halaman pimpinan merupakan halaman yang hanya dapat diakses
oleh seorang pimpinan. Halaman pimpinan digunakan untuk melihat data
pelamar, data soal, data kategori, data nilai seleksi 1, data nilai seleksi 2
kategori dan data nilai seleksi 2 total. Konten digunakan untuk menampilkan
informasi dari menu-menu yang tersedia. Rancangan halaman pimpinan dapat
dilihat pada Gambar 3.27
2 2 # 1 ( 2 #' *
commit to user
37
BAB IV
IMPLEMENTASI DAN ANALISA
4.1. Deskripsi Sistem
Berdasarkan perkembangan teknologi, penyampaian informasi dalam
suatu instansi juga mulai berkembang, yaitu adanya penyampaian yang
berkaitan dengan instansi tersebut ditampilkan secara online. Sehingga
teknologi informasi ini dapat meningkatkan kinerja suatu instansi. Pada sistem
ini terdapat beberapa halaman yaitu :
1. Halaman pengunjung berisikan form daftar yang harus diisi oleh
pengunjung agar pengunjung tersebut dapat login untuk melakukan test
seleksi tahap pertama.
2. Halaman user digunakan untuk melakukan test seleksi tahap pertama.
3. Halaman admin berfungsi sebagai pengelola data soal, data kategori, data
info, data seleksi 1, data seleksi 2 dan data perubahan nilai seleksi 2.
4. Halaman petugas digunakan untuk melakukan test seleksi tahap kedua atau
test wawancara.
5. Halaman pimpinan digunakan oleh seorang pimpinan untuk melihat data
pelamar, data soal, data kategori, data seleksi 1, data seleksi 2 dan data
perubahan nilai seleksi 2.
4.2. Cara Menjalankan Program
Sistem informasi penerimaan karyawan baru berbasis web ini terbagi
menjadi empat bagian yaitu user, admin, petugas dan pimpinan.
1. User adalah seseorang yang telah mendaftarkan diri pada sistem ini. User
dapat melakukan login untuk mengikuti test seleksi tahap pertama.
2. Admin adalah seorang pengontrol sistem yang mempunyai hak akses
penuh untuk mengelola data soal, data kategori, data info, data seleksi 1,
data seleksi 2 dan data perubahan nilai seleksi 2.
commit to user
6. Pimpinan adalah seorang pemimpin instansi yang mempunyai hak untuk
melihat data pelamar, data soal, data kategori, data seleksi 1, data seleksi 2
dan data perubahan nilai seleksi 2.
Untuk halaman admin, petugas dan pimpinan berbeda dengan halaman
user, hal ini dikarenakan untuk keamanan posisi admin, petugas dan pimpinan
sehingga login admin, petugas dan pimpinan tidak ditampilkan secara langsung
di halaman pengunjung.
4.3. Implementasi Desain dan Perancangan
4.3.1. Tampilan Halaman Index
Halaman index merupakan halaman yang pertama kali akan tampil
ketika sistem dijalankan dalam web browser. Halaman ini dapat diakses oleh
setiap pengunjung. Tampilan halaman index dapat dilihat pada Gambar 4.1
Gambar 4.1 Tampilan Halaman Index
Halaman index terdiri dari :
1. Home
Halaman home merupakan halaman yang berisi ucapan selamat
datang di sistem informasi penerimaan karyawan baru Putra Mandiri
dengan disertai foto-foto dari lokasi Putra Mandiri. Halaman ini
merupakan halaman utama untuk menuju atau link ke halaman yang lain.
Tampilan halaman home dapat dilihat pada Gambar 4.1.
commit to user
2. About
Halaman about merupakan halaman yang berisi mengenai identitas
Putra Mandiri. Tampilan halaman about dapat dilihat pada Gambar 4.2.
Gambar 4.2 Tampilan Halaman About
3. Daftar
Halaman daftar merupakan halaman yang digunakan pengunjung
untuk mendaftar ke dalam sistem penerimaan karyawan baru dengan
menginputkan data-data diri yang telah ditentukan. Tampilan halaman
daftar dapat dilihat pada Gambar 4.3.
commit to user
Jika data antara Password dan Confirm Password berbeda maka akan
muncul pesan seperti Gambar 4.4, sehingga user harus mengisinya sama.
Gambar 4.4 Tampilan Data Password dan Confirm Password Berbeda
Jika ada salah satu data yang belum diisi atau kosong maka akan
muncul pesan seperti Gambar 4.5, sehingga bagi user yang ingin
mendaftar ke dalam sistem harus mengisi data secara lengkap.
Gambar 4.5 Tampilan Salah Satu Data Kosong
Jika data yang diinputkan sama dengan data yang sudah diinputkan
sebelumnya maka akan muncul pesan seperti Gambar 4.6.
Gambar 4.6 Tampilan Data Sama
Jika data nomor ktp dan nomor telepon tidak berupa angka, maka
akan muncul pesan seperti Gambar 4.7.
commit to user
Gambar 4.7 Tampilan Data Tidak Sesuai
4. Login
Halaman login merupakan halaman untuk menuju ke halaman user,
Dalam dokumen
LUCKY MAYANG ASIH M3209050
(Halaman 20-82)