bab iii pembahasan...25 bab iii pembahasan 3.1. tinjauan perusahaan dalam pembahasan tinjaun...
Post on 29-Nov-2020
8 Views
Preview:
TRANSCRIPT
25
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
Dalam pembahasan tinjaun perusahaan dari Yogya Group Tegal meliputi
sejarah singkat perusahaan, struktur organisasi dan fungsi perusahaan.
3.1.1. Sejarah Perusahaan
Toserba YOGYA berawal dari sebuah toko batik di daerah Kosambi Bandung
dengan nama DJOCJA yang didirikan tahun 1948 dan dikelola oleh Bapak
Gondosasmito bersama keluarga. Dengan luas toko hanya 100 m2 dan 8 orang
karyawan.
Pada tahun 1972, Bapak Boedi Siswanto Basuki dan Ibu Tina Handayani
yang merupakan anak dan menantu dari bapak Gondosasmito diserahkan
pengelolaan toko DJOCJA. Dengan kerja keras, keuletan dan pandangan yang jauh
ke depan maka toko yang semula merupakan toko batik ini memperluas bidang
usahanya dengan menjual barang-barang kebutuhan sehari-hari. Saat itu nama
DJOCJA yang merupakan nama asli toko batik itu tetap dipertahankan namun
penulisannya di ubah menjadi YOGYA. berdiri pada tanggal 28 Oktober 1982
dengan cabang pertama toko YOGYA di Jl. Sunda No. 60, Bandung. Disinilah
tonggak penting dari awal sejarah toko YOGYA dimulai. Manajemen yang lebih
modern dan rekruitmen SDM yang berkualitas menjadi bagian dari awal sebuah
kesuksesan di kelak kemudian hari. YOGYA Group merupakan perusahaan ritel
dengan format Supermaket dan Departement Store berpengalaman di Indonesia.
26
YOGYA Group selalu berusaha mewujudkan kepuasan bagi konsumen
dengan menyediakan produk yang berkualitas, layanan yang unggul, dan akrab
bersahabat, serta dalam suasana belanja yang menyenangkan dan harga-harga yang
murah dengan promo-promo rutin seperti Serba Hemat dan Harga Heran.
3.1.2. Struktur Organisasi dan Fungsi
Struktur organisasi menunjukan suatu gambaran kegiatan, tugas dan tanggung
jawab serta hubungan yang terdapat dalam suatu lembaga. Dalam suatu struktur
organisasi digambarkan secara tegas pembagian tugas, wewenang, dan tanggung
jawab suatu perusahaan dalam mencapai tujuan.
Sumber : Administrasi Yogya Group Tegal
Gambar III.1.
Struktur Organisasi Yogya Group
27
Berikut adalah tugas dari masing – masing bagian atau posisi kerja yang ada di
struktur organisasi perusahaan yogya group di bagian Distribusi Barang.
1. Manajer / Pimpinan
Mengawasi dan bertanggung jawab dalam prosedur operasional perusahaan dan
memberikan sebuah motivasi terhadap karyawan agar membuat karyawan
semangat dalam bekerja dan menjadi karyawan yang baik dan profesional.
2. SPV Distribusi
Bertanggungjawab pada proses pengiriman barang dan mengatur sistem yang
berjalan di distribusi dan memberikan pelayanan pengiriman sesuai kebutuhan
toserba yogya.
3. SPV Personalia
Bertanggungjawab pada proses penerimaan karyawan dan mengatur karyawan
sesuai
peraturan yang berlaku di perusahaan .
4. SPV Gudang
Bertanggungjawab pada pengaturan barang di gudang dan mengatur tata letak
penyimpanan barang agar rapih dan aman dari segala resiko kerusakan.
5. Admin
Mengarsip berkas yang telah di gunakan dan membuat laporan untuk di berikan
ke manager sebagai sumber informasi bagi manager.
6. SC (Service Crew)
Bertanggung jawab menyiapkan barang dari gudang untuk dikirim atau di
distribusikan ke toko sesuai kebutuhan dan permintaan toko.
28
3.2. Analisis kebutuhan
Pada tahap analisa kebutuhan penulis mencoba menganalisa dua kebutuhan
yaitu kebutuhan fungsional dan kebutuhan non fungsional. Tujuan dari analisis
kebutuhan adalah untuk memberi kenyamanan pengguna dalam mengakses web dan
untuk kelancaran sistem.
3.2.1. Analisis Kebutuhan Fungsional
Dalam analisa kebutuhan fungsional terdapat 2 kebutuhan yaitu:
1. Analisa Kebutuhan Pengguna
Dalam web Sistem Informasi Rekrutmen Karyawan pada Yogya Group Tegal
terdapat tiga pengguna yang saling berinteraksi dalam lingkungan sistem yaitu
admin, user dan supervisor. Ketiga pengguna tersebut memiliki karakteristik
interaksi dengan sistem yang berbeda-beda dan memiliki kebutuhan informasi
berbeda juga.
a. Hak Akses Admin
1) Admin dapat mengelola data user (member, admin dan supervisor)
2) Admin dapat mengelola manajemen user, update posisi kerja,
update gallery ,update profil prusahaan.
b. Hak Akses User
1) User dapat melihat halaman menu beranda, posisi kerja , tentang kami,
melihat gallery dan alur pendaftaran tanpa melakukan login terlebih
dahulu.
2) User dapat melakukan registrasi dengan memasukan nama lengkap,
no.ktp, password dan ulangi password sebagai verifikasi bahwa password
yang di masukan adalah benar.
29
3) User dapat melakukan login dengan memasukan user (No.KTP)
dan password yang telah terdaftar.
4) User dapat mencetak kartu bukti pendaftaran setelah melakukan
pendaftaran.
c. Hak Akses Supervisor
1) Supervisor dapat melihat data pendaftar dan kelola rekrutmen.
2) Supervisor dapat melakukan cetak data pendaftar, data pendaftar di terima
dan ditolak, data per-devisi.
3) Supervisor dapat melakukan pemblokiran akun apabila user tidak sesuai
dengan persyaratan.
2. Analisa Kebutuhan Sistem
a. Sistem menyediakan form registrasi untuk pengunjung web agar terdaftar
sebagai user dan dapat melakukan pendaftaran online.
b. Sistem menyediakan informasi detail alur pendaftaran dan persyaratan
yang dibutuhkan dalam proses pendaftaran.
c. Setelah melakukan pendaftaran, user dapat mencetak kartu pendaftaran
sebagai bukti telah melakukan pendaftaran.
3.2.2. Analisis Kebutuhan Non-Fungsional
Kebutuhan non fungsional untuk web Sistem Informasi Rekrutmen Karyawan
pada Yogya Group Tegal yaitu sistem komputer yang berupa perangkat keras
maupun perangkat lunak. Berikut spesifikasinya:
1. Kebutuhan Perangkat Keras (Hardware)
Perangkat keras yang sangat dibutuhkan dalam membuat website Rekrutmen
30
karyawan pada Yogya Group yaitu:
a. CPU (Central Processing Unit)
1) Prosesor @1.60GHz (2 CPUs), ~1.6GHz
2) RAM 2048 MB
3) Hard Disk 500 GB
b. Mouse Microsoft PS/2
c. Keyobard Standard PS/2
d. Monitor 14 Inch
e. Koneksi internet 2 Mbps
2. Kebutuhan Perangkat Lunak (Software)
Perangkat lunak yang dibutuhkan dalam membuat website ini yaitu:
a. Sistem Operasi Windows 7 Pro 64-bit
b. Framework Laravel
c. Web server
d. Editor web
e. Pengolah database
f. Web browser
3.3. Rancangan Dokumen
Dalam merancang program dibutuhkan dokumen masukan yang akan
diproses untuk menghasilkan suatu keluaran yang baik, untuk itu dibutuhkan
beberapa spesifikasi rancangan dokumen, dalam hal ini adalah rancangan bentuk
masukan dan rancangan bentuk keluaran.
31
3.3.1. Rancangan Dokumen Masukan
Rancangan dokumen masukan berfungsi untuk menjelaskan mengenai semua
dokumen input yang digunakan pada program aplikasi rekrutmen karyawan pada
yogya group tegal, berikut uraian bentuk masukan yang dirancang oleh penulis
sebagai berikut :
1. Nama Dokumen : Data Pendaftar
Fungsi : Sebagai bukti pelamar telah mengisi data
pendaftaran
Sumber : Sistem
Tujuan : Supervisor
Media : Tampilan
Jumlah : 1 Lembar
Frekuensi : Setiap melihat data pelamar
Bentuk : Lampiran A.1
3.3.2. Rancangan Dokumen Keluaran
Rancangan dokumen keluaran berfungsi untuk menjelaskan mengenai semua
dokumen output yang digunakan pada program aplikasi rekrutmen karyawan pada
yogya group tegal, berikut uraian bentuk keluaran yang dirancang oleh penulis
sebagai berikut :
1. Nama Dokumen : Bukti Pendaftaran
Fungsi : Sebagai bukti telah melakukan pendaftaran
Sumber : Sistem
32
Tujuan : Calon karyawan baru
Media : Cetak
Jumlah : 1 Lembar
Frekuensi : Telah melakukan pendaftaran
Bentuk : Lampiran B.1
2. Nama Dokumen : Laporan Pendaftar Diterima
Fungsi : Sebagai Data Laporan Diterima
Sumber : Sistem
Tujuan : Supervisor
Media : Cetak
Jumlah : 1 Lembar
Frekuensi : Setiap melihat Laporan Diterima
Bentuk : Lampiran B.2
3. Nama Dokumen : Laporan Pendaftar Ditolak
Fungsi : Sebagai Data Laporan Ditolak
Sumber : Sistem
Tujuan : Supervisor
Media : Cetak
Jumlah : 1 Lembar
Frekuensi : Setiap melihat Laporan Ditolak
Bentuk : Lampiran B.3
33
erd Domain Model
PROFILUSER LAMARAN
GALLERY POSISI KERJA
id_profil
alamat
nm_profile
id_usernm_user
member_token
password
id_gallery
nm_produk
foto
id_posisi
nm_posisi
tugas
M
M M 1
1
1
1 1
id_lamar
provinsi
nm_user
alamat
jenis_kelamin
TTL
kab_kota
phone
status
id_posisi
kategori
hargasyarat
gambar
sejarahemail
phone
visi
misi
akses
nikkode_pos
kecamatan
ijazah
ktpcv
MelakukanMelihat
Melihat Memilih
3.4. Rancangan Basis Data
Perancangan basis data menghasilkan pemetaaan tabel–tabel yang
digambarkan dalam Entity Relatonship Diagram (ERD) dan direpresentasikan
kedalam Logical Record Structure (LRS).
3.4.1. ERD (Entity Relationship Diagram)
Gambar III.2
Entity Relationship Diagram Rekrutmen Karyawan
34
3.4.2. LRS (Logical Record Structure)
Gambar III.3
Logical Record Structure Rekrutmen Karyawan
3.5. Spesifikasi File
a. Spesifikasi File User
Nama File : File user
Akronim : users
Fungsi : Untuk menampilkan data User
Tipe File : File Master
Media : Hard Disk
Kunci Field : id_user
Software : Visual Studio Code
35
Tabel III.1.
Spesifikasi File User
Tabel User
No Elemen Data Nama Field Tipe Size Keterangan
1 id_User id_user Bigint 20 Primary Key
2 Nama Lengkap
nm_user Varchar 50
3 No.KTP Nik Varchar 17
4 Password Password Varchar 40
5 Akses Role Enum (“admin”,”supervisor”,
”member”)
6 Remember Remember_token Varchar 100
b. Spesifikasi File Lamaran
Nama File : File lamaran
Akronim : lamaran
Fungsi : Untuk menampilkan data Pelamar
Tipe File : File Master
Media : Hard Disk
Kunci Field : id_lamaran
Software : Visual Studio Code
Tabel III.2.
Spesifikasi File Lamaran
Tabel Lamaran
No Elemen Data Nama Field Tipe Size Keterangan
1 id_Lamaran id_lamar Bigint 20 Primary Key
2 Nama Lengkap nm_user Varchar 50
3 Email Email Varchar 40
4 Phone Phone Int 13
5 Tanggal Lahir Tanggal_lahir Date
6 Jenis Kelamin Jenis_kelamin Enum ("Laki-
laki","Perem
36
Tabel Lamaran
No Elemen Data Nama Field Tipe Size Keterangan
puan")
7 Alamat alamat Char 100
8 Provinsi provinsi Varchar 20
9 Kab_Kota Kab_kota Varchar 20
10 Kecamatan kecamatan Varchar 20
11 Kode Pos Kode_pos Varchar 6
12 CV Cv Varchar 20
13 KTP Ktp Varchar 20
14 Ijazah Ijazah Varchar 20
15 Status Status Enum “baru”,”tes”,”diterima
”, “ditolak”
c. Spesifikasi File Posisi
Nama File : File Posisi
Akronim : posisi
Fungsi : Untuk menampilkan data posisi kerja
Tipe File : File Master
Media : Hard Disk
Kunci Field : id_posisi
Software : Visual Studio Code
Tabel III.3.
Spesifikasi File Posisi
Tabel Posisi
P Elemen Data Nama Field Tipe Size Keterangan
1 id_posisi id_posisi Bigint 20 Primary key
2 Nama nm_posisi Varchar 20
3 Tugas tugas Varchar 250
4 Syarat syarat Varchar 500
5 Gambar gambar Varchar 20
37
d. Spesifikasi File Profil
Nama File : File profil
Akronim : profil
Fungsi : Untuk menampilkan data profil perusahaan
Tipe File : File Master
Media : Hard Disk
Kunci Field : id_profil
Software : Visual Studio Code
Tabel III.4.
Spesifikasi File Profil
Tabel Profil
No Elemen Data Nama Field Tipe Size Keterangan
1 id_profil id_profil Bigint 20 Primary Key
2 Nama Profil nm_profil Varchar 20
3 Alamat alamat Char 100
4 Email email Varchar 40
5 Phone phone Int 13
6 Sejarah sejarah Varchar 500
7 Visi visi Varchar 250
8 Misi misi Varchar 250
e. Spesifikasi File Gallery
Nama File : File Gallery
Akronim : gallery
Fungsi : Untuk menampilkan data Gallery
Tipe File : File Master
38
Media : Hard Disk
Kunci Field : id_gallery
Software : Visual Studio Code
Tabel III.5.
Spesifikasi File Gallery
Tabel Gallery
No Elemen Data Nama Field Tipe Size Keterangan
1 ID Gallery id_gallery Bigint 20 Primary Key
2 Nama Produk nm_produk Varchar 20 “Food”, “Non-Food”,
“Fashion”, “Fresh”.
3 Kategori kategori Enum
4 Foto foto Varchar 20
5 Harga harga Int 11
3.6. Pengkodean
Kode yang digunakan pada perancangan program Rekrutmen Karyawan ini
bermaksud untuk mempermudah memasukan data kekomputer dan mengambil
bermacam-macam informasi yang berhubungan dengan data tersebut.Elemen daya
yang dikodekan diantaranya sebagai berikut :
1. Struktur Kode Supervisor
No.Supervisor
Kode Jabatan
A A A 9 9 9 9
39
Contoh :
Keterangan :
SPV : Supervisor
19 : Tahun Awal Masuk
10 : No Urut Supervisor
2. Struktur Kode Admin
No.Administrasi
Kode Jabatan
Contoh :
Keterangan :
ADM : Administrasi
19 : TahunMasuk
01 : No Urut Administrasi
3. StrukturKode Service Crew
Kode Jabatan No.Service Crew
S P V 1 9 1 0
A A A 9 9 9 9
A D M 1 9 0 1
A A 9 9 9 9
40
Contoh :
Keterangan :
SC : Service Crew
19 : Tahun Awal Masuk
05 : No Urut Service Crew
4. Struktur Kode Kasir
No.Kasir
Kode Jabatan
Contoh :
Keterangan :
KS : Kasir
19 : Tahun Awal Masuk
08 : No Urut Service Cr
3.7. Rancangan Struktur Navigasi
Rancangan struktur navigasi program rekruitmen ini menggunakan struktur
navigasi non-linear, karena menu-menu tersebut bisa di akses secara acak.
Rancangan struktur navigasi ini ada 4 yaitu struktur navigasi halaman pengunjung,
S C 1 9 0 5
K S 1 9 0 8
A A 9 9 9 9
41
halaman member, halaman admin dan halaman supervisor. Berikut gambar
rancangan struktur navigasinya.
A. Struktur Navigasi Halaman Pengunjung
Gambar III.4.
Struktur Navigasi Pengunjung
B. Struktur Navigasi Halaman Member
Gambar III.5.
Struktur Navigasi Member
42
C. Struktur Navigasi Halaman Admin
Gambar III.6.
Struktur Navigasi Admin
D. Struktur Navigasi Halaman Supervisor
Gambar III.7.
Struktur Navigasi Supervisor
43
3.8. Implementasi
3.8.1. Rancangan Antar Muka
Rancangan antar muka merupakan segala sesuatu yang berhubungan desain
tampilan yang akan diterapkan dalam sebuah pembuatan projek dengan
memperhatikan unsur kenyamanan pengguna baik itu user ataupun pengunjung
(visitor).
1. Rancangan Antar Muka Halaman Beranda
Gambar III.8.
Rancangan Antar Muka Halaman Beranda
Gambar III.8. merupakan halaman beranda atau sering disebut sebagai halaman
index atau halaman yang pertama kali tampil dari semua halaman website yang
disediakan ketika kita memasukan alamat website kedalam browser. Pada halaman
ini, terdapat logo dan menu seperti Beranda, Posisi Kerja, Tentang Kami Registrasi
dan Login. Selain menu, pada halaman beranda juga terdapat tampilan galeri, cara
pendaftaran, kontak.
44
2. Rancangan Antar Muka Halaman Posisi Kerja
Gambar III.9.
Rancangan Antar Muka Halaman Posisi Kerja
Gambar III.9. merupakan halaman posisi kerja. Pada halaman ini, pengunjung
dan member dapat melihat dan mendapatkan informasi tentang posisi yang
dibutuhkan dan mengerti tugas masing –masing posisi yang di tawarkan. Posisi Kerja
yang di tawarkan akan di atur sesuai kebutuhan perusahaan. Rancangan dapat dilihat
pada Rancangan Antar Muka Posisi Kerja.
45
3. Rancangan Antar Muka Halaman Tentang Kami
Gambar III.10.
Rancangan Antar Muka Halaman Tentang Kami
Gambar III.10. merupakan halaman Tentang Kami. Pada halaman ini,
pengunjung dan member dapat melihat dan mendapatkan informasi tentang visi dan
misi perusahaan, kontak perusahaan (email, alamat dan nomer telfon) dan tersedia
lokasi menggunaka Google Map. Rancangan dapat dilihat pada Rancangan Antar
Muka Tentang Kami.
46
4. Rancangan Antar Muka Halaman Gallery
Gambar III.11.
Rancangan Antar Muka Halaman Gallery
Gambar III.11. merupakan halaman Gallery. Pada halaman ini, pengunjung
dapat melihat dan mendapatkan informasi tentang Gallery Yogya Group yaitu
tentang informasi harga barang-barang dan makanan yang di tawarkan. Dibagi
menjadi 4 kategori yaitu FOOD, NON-FOOD, FASHION dan FRESH.
47
5. Rancangan Antar Muka Halaman Registrasi
Gambar III.12.
Rancangan Antar Muka Halaman Registrasi
Gambar III.12. merupakan halaman Registrasi User yang berfungsi
menampilkan form pengisian data pribadi seperti Nama Lengkap, Nomor KTP yang
digunakan sebagai username, Password dan Ulangi password untuk memastikan
bahwa pasword yg di gunakan adalah benar dan juga dilengkapi tombol Daftar
dibawahnya. Rancangan dapat dilihat pada Rancangan Antar Muka Halaman
Registrasi.
48
6. Rancangan Antar Muka Halaman Login User
Gambar III.13.
Rancangan Antar Muka Halaman Login User
Gambar III.13. merupakan halaman Login User yang terdapat pada halaman
beranda atau index dari website ini. Berfungsi menampilkan form login untuk user
yang sudah mempunyai akun dengan mengisi username dan password. Tampilan ini
akan hilang apabila user melakukan login dengan berhasil. Dibawah form login
terdapat link registrasi bagi yang belum mempunyai user akun yang akan menuju
pada tampilan form registrasi.
49
7. Rancangan Antar Muka Halaman Beranda User
Gambar III.14.
Rancangan Antar Muka Halaman Beranda User
Gambar III.14. merupakan halaman yang akan muncul ketika proses login user
berhasil. Berisi menu beranda, pendaftaran, status pendaftaran dan Logout.
User juga dapat melihat jumlah posisi kerja yang di tawarkan oleh perusahaan dan
juga bisa melihat jumlah berapa kali user mendaftar pada website tersebut.
50
8. Rancangan Antar Muka Halaman Form Pendaftaran
Gambar III.15.
Rancangan Antar Muka Halaman Form Pendaftaran
Gambar III.15. merupakan halaman pendaftaran calon karyawan baru dengan
mengisi atau menginputkan data-data sesuai yang di inginkan oleh perusahaan dalam
form pendaftaran untuk menjadi arsip bagi perusahaan. Rancangan dapat dilihat pada
Rancangan Antar Muka Halaman form Pendaftaran.
51
9. Rancangan Antar Muka Halaman Status Pendaftaran
Gambar III.16.
Rancangan Antar Muka Halaman Status Pendaftaran
Gambar III.16. merupakan halaman untuk memberikan informasi terhadap user
atau member. Di halaman ini member akan melihat status yang bisa berubah sesuai
pengaturan dari supervisor yaitu status Baru, Test, Diterima dan Ditolak.
10. Rancangan Antar Muka Halaman Beranda Admin
Gambar III.17.
Rancangan Antar Muka Halaman Beranda Admin
52
Gambar III.17. merupakan halaman yang akan muncul ketika proses login
admin berhasil. Berisi menu dashboard, akun user, posisi kerja, gallery, profil
perusahaan dan Logout. Admin juga dapat melihat jumlah user yang terdaftar.
11. Rancangan Antar Muka Halaman Kelola User
Gambar III.18.
Rancangan Antar Muka Halaman Kelola User
Gambar III.18. merupakan halaman untuk mengelola semua user yang ada di
aplikasi web ini. Admin dapat menambahkan langsung user (supervisor) ke dalam
website dengan mengeklik tombol tambah supervisor. Kelola user ini bisa di sebut
sebagai management data di dalam website rekrutmen karyawan ini.
53
12. Rancangan Antar Muka Halaman Kelola Posisi Kerja
Gambar III.19.
Rancangan Antar Muka Halaman Kelola Posisi Kerja
Gambar III.19. merupakan halaman untuk memasukan lowongan pekerjaan
yang sedang dibutuhkan oleh perusahaan untuk mengadaka rekrutmen sesuai posisi
yang di inginkan perusahaan. posisi kerja ini berisi nama posisi, tugas posisi kerja,
syarat posisi kerja sehingga member akan lebih bisa memahami tentang posisi yang
ditawarkan oleh perusahaan melalui admin.
54
13. Rancangan Antar Muka Halaman Kelola Gallery
Gambar III.20.
Rancangan Antar Muka Halaman Kelola Gallery
Gambar III.20. merupakan halaman untuk memasukan gambar dan harga
produk yang sedang promo dan juga gallery ini memiliki beberapa kategori yaitu
Food, Non Food, Fashion dan Fresh. Melaului halaman ini admin bisa
menambahkan dan mengganti nama produk, gambar produk dan juga harga dari
produk tersebut. Sehingga informasi mengenai produk yang di tawarkan akan selalu
up to date dan pengunjung selalu mendapatkan informasi yang terbaru mengenai
produk-produk yang ada di perusahaan.
55
14. Rancangan Antar Muka Halaman Kelola Profil Perusahaan
Gambar III.21.
Rancangan Antar Muka Halaman Kelola Profil Perusahaan
Gambar III.21. merupakan halaman untuk memasukan dan mengganti profil
perusaaan. Pada halaman ini admin bisa mengganti dan menambahkan secara
langsung untuk meng update profil perusahaan sehingga profil perusahaan akan
selalu update sesuai keadaan perusahaan yang sebenarnya dan dengan adanya profil
perusahaan ini akan membuat keaslian website ini karena menerangkan dengan jelas
tentang perusahaan Yogya Group ini.
56
15. Rancangan Antar Muka Halaman Beranda Supervisor
Gambar III.22.
Rancangan Antar Muka Halaman Beranda Supervisor
Gambar III.22. merupakan halaman Khusus supervisor karena disini supervisor
memiiki hak akses yang sangat penting yaitu bisa menentukan bahwa member
tersebut bisa lanjut ke tahap selanjutnya sampai member di terima oleh peusahaan
sebagai karyawan .
16. Rancangan Antar Muka Halaman Data Registran
Gambar III.23.
Rancangan Antar Muka Halaman Data Registran
57
Gambar III.23. merupakan halaman penyimpanan registrasi para member yang
telah mendaftar pada website. Disini juga supervisor bisa melakukan update data
yaitu di bagian statusnya untuk menentukan status member tersebut selanjutnya.
17. Rancangan Antar Muka Halaman Laporan Diterima
Gambar III.24.
Rancangan Antar Muka Halaman Registran Diterima
Gambar III.24. merupakan halaman penyimpanan registrasi para member yang
telah diterima berdasarkan serangkaian proses penerimaan karyawan oleh supervisor.
Pada halaman ini semua data member yang telah di terima bisa dilihat semua dan
berdasarkan kategori posisi kerja yang telah dipilih.
58
18. Rancangan Antar Muka Halaman Laporan Ditolak
Gambar III.25.
Rancangan Antar Muka Halaman Registran Ditolak
Gambar III.25. merupakan halaman penyimpanan registrasi para member yang
telah ditolak berdasarkan serangkaian proses penerimaan karyawan oleh supervisor.
Pada halaman ini semua data member yang telah di tolak bisa dilihat semua dan
berdasarkan kategori posisi kerja yang telah dipilih.
59
3.8.2. Implementasi Antarmuka
1. Tampilan Beranda Pengunjung
Gambar III.26.
Halaman Beranda Pengunjung
2. Tampilan Posisi Kerja
Gambar III.27.
Halaman Posisi Kerja
60
3. Tampilan Kontak Kami
Gambar III.28.
Halaman Kontak Kami
4. Tampilan Gallery
Gambar III.29.
Halaman Gallery
61
5. Tampilan Proses Pendaftaran
Gambar III.30.
Halaman Proses Pendaftaran
6. Tampilan VISI dan MISI Perusahaan
Gambar III.31.
Halaman Visi dan Misi
62
7. Tampilan Registrasi
Gambar III.32.
Halaman Registrasi
8. Tampilan Login
Gambar III.33.
Halaman Login
63
9. Tampilan Beranda Member
Gambar III.34.
Halaman Beranda Member
10. Tampilan Notifikasi Member
Gambar III.35.
Halaman Notifikasi Member
64
11. Tampilan Form Lamaran
Gambar III.36.
Halaman Form Lamaran 1
Gambar III.37.
Halaman Form Lamaran 2
65
12. Tampilan Riwayat Pendaftaran
Gambar III.38.
Halaman Riwayat Pendaftaran
13. Tampilan Beranda Admin
Gambar III.39.
Halaman Beranda Admin
66
14. Tampilan Kelola User
Gambar III.40.
Halaman Kelola User
15. Tampilan Kelola Posisi Kerja
Gambar III.41.
Halaman Kelola Posisi Kerja
67
16. Tampilan Kelola Gallery
Gambar III.42.
Halaman Kelola Gallery
17. Tampilan Kelola Profil Perusahaan
Gambar III.43.
Halaman Kelola Profil Perusahaan
68
18. Tampilan Beranda Supervisor
Gambar III.44.
Halaman Beranda Supervisor
19. Tampilan Notifikasi Supervisor
Gambar III.44.
Halaman Notifikasi Supervisor
69
20. Tampilan Data Posisi
Gambar III.45.
Halaman Data Posisi
21. Tampilan Data Registran
Gambar III.46.
Halaman Data Registran
70
22. Tampilan Data Laporan Diterima
Gambar III.47.
Halaman Laporan Diterima
23. Tampilan Data Laporan Ditolak
Gambar III.48.
Halaman Laporan Ditolak
71
3.9. Pengujian Unit
1. Pengujian Terhadap Form Login User
Tabel III.6.
Hasil Pengujian Form Login User
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
1. Username
dan Password
tidak diisi
kemudian
klik tombol
Masuk
Username
: Kosong
Password:
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
“Masukan User
dan Password”
Sesuai
harapan Valid
2. Username
diisi dengan
format salah
(tidak
menggunakan
No.KTP)
Username
:
zaqimubar
ok
Sistem akan
menolak akses
dan akan
menampilkan
pesan
“Username
Salah”
Sesuai
harapan Valid
3. Username
diisi dan
Password
tidak diisi
kemudian
klik tombol
Masuk
Username
: No.KTP
Asli
Password:
Kosong
Sistem akan
menolak akses
dan akan
menampilkan
pesan “Masukan
Password”
Sesuai
harapan Valid
4. Username
tidak diisi dan
Password
diisi
kemudian
klik tombol
Masuk
Username
: Kosong
Password:
12164210
Sistem akan
menolak akses
dan akan
menampilkan
pesan “Masukan
Username.”
Sesuai
harapan Valid
5. Username
dan Password
diisi dengan
data yang
salah
kemudian
Username
:
zaqimubar
ok
Password:
zaqi123
Sistem akan
menolak dan
akan
menampilkan
pesan “User dan
Password
salah”
Sesuai
harapan Valid
72
klik tombol
Masuk
6. Username
dan Password
diisi dengan
data yg benar
kemudian
klik tombol
Masuk
Username
: No.KTP
Asli
Password:
12164210
Sistem
menerima akses
login dan masuk
kehalaman
beranda user
Sesuai
harapan Valid
2. Pengujian Terhadap Form Login Admin
Tabel III.7.
Hasil Pengujian Form Login Admin
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
1. Username dan
Password tidak
diisi kemudian
klik tombol
Login
Username
: Kosong
Password:
Kosong
Sistem akan
menolak
akses dan
field akan
diberi garis
merah serta
menampilkan
“Masukan
User dan
Password”
Sesuai
harapan Valid
2. Username diisi
dan Password
tidak diisi
kemudian klik
tombol Masuk
Username
: admin
Password:
Kosong
Sistem akan
menolak
akses dan
field akan
diberi garis
merah serta
menampilkan
“Masukan
Password”
Sesuai
harapan Valid
3. Username tidak
diisi dan
Password diisi
kemudian klik
tombol Masuk
Username
: Kosong
Password:
12345
Sistem akan
menolak
akses dan
field
username
akan diberi
garis merah
serta
menampilkan
Sesuai
harapan Valid
73
“Masukan
Username”
4. Username dan
Password diisi
dengan data
yang salah
kemudian klik
tombol Masuk
Username
:
ADM
Password:
12164210
Sistem akan
menolak dan
akan
menampilkan
pesan “User
dan
Password
salah”
Sesuai
harapan Valid
5. Username dan
Password diisi
dengan lngkap
dan benar
kemudian klik
tombol Masuk
Username
: admin
Password:
12345
Sistem
menerima
akses login
dan masuk
kehalaman
beranda
admin
Sesuai
harapan Valid
3. Pengujian Terhadap Form Login Supervisor
Tabel III.8.
Hasil Pengujian Form Login Supervisor
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
1. Username
dan Password
tidak diisi
kemudian
klik tombol
masuk
Username:
Kosong
Password:
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
“Masukan User
dan Password.”
Sesuai
harapan Valid
2. Username
diisi dan
Password
tidak diisi
kemudian
klik tombol
Masuk
Username
: SPV01
Password:
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
“Masukan
Password.”
Sesuai
harapan Valid
3. Username
tidak diisi dan
Password
diisi
Username
: Kosong
Password:
12345
Sistem akan
menolak akses
dan field
username akan
Sesuai
harapan Valid
74
kemudian
klik tombol
Masuk
diberi garis
merah serta
menampilkan
“Masukan
Username.”
4. Username
dan Password
diisi dengan
data yang
salah
kemudian
klik tombol
Masuk
Username
:
SPV1
Password:
SPV123
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
“User dan
Password salah.
Sesuai
harapan Valid
5. Username
dan Password
diisi dengan
lngkap dan
benar
kemudian
klik tombol
Masuk
Username
: SPV01
Password:
12345
Sistem
menerima akses
login dan masuk
kehalaman
beranda admin
Sesuai
harapan Valid
4. Pengujian Terhadap Form Registrasi
Tabel III.9.
Hasil Pengujian Form Registrasi
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
1. Nama
Lengkap
tidak diisi
dan data
yang lain
diisi
kemudian
klik
tombol
Daftar
Nama
Lengkap:
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
“Masukan
Nama
Lengkap”
Sesuai
harapan Valid
2.
No.KTP
tidak diisi
No.KTP:
Kosong
Sistem akan
menolak akses
Sesuai
harapan
Valid
75
dan data
yang lain
diisi
kemudian
klik
tombol
Daftar
dan field akan
diberi garis
merah serta
menampilkan
“Masukan No
KTP”
3. Password
tidak diisi
dan data
yang lain
diisi
kemudian
klik
tombol
Daftar
Password:
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
“Masukan
Password”
Sesuai
harapan Valid
4. Ulangi
Password
tidak diisi
dan data
yang lain
diisi
kemudian
klik
tombol
Daftar
Ulangi
Password:
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
“Ulangi
Password
Kosong”
Sesuai
harapan Valid
5. Semua
data diisi
dengan
lengkap
dan benar
Nama
Lengkap: Zaqi
Mubarok
No.KTP: KTP
Asli
Password:
12345
Ulangi
Password :
12345
Sistem akan
menerima
akses dan akan
menampilkan
pesan “Input
Data Berhasil.”
Sesuai
harapan Valid
76
5. Pengujian Terhadap Form Pendaftaran
Tabel III.10.
Hasil Pengujian Form Pendaftaran
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Email
tidak diisi
dan data
yang lain
diisi
kemudian
klik
tombol
Daftar
Email : Kosong Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
pesan“Masuka
n Email”
Sesuai
harapan Valid
2. No.Telepo
n tidak
diisi dan
data yang
lain diisi
kemudian
klik
tombol
Daftar
No.Telepon :
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
pesan“Masuka
n No
Telepon.”
Sesuai
harapan Valid
3. Tanggal
Lahir tidak
diisi dan
data yang
lain diisi
kemudian
klik
tombol
Daftar
Tanggal Lahir :
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
pesan“Masuka
n Tanggal
Lahir”
Sesuai
harapan Valid
4. Alamat
tidak diisi
dan data
yang lain
diisi
kemudian
klik
tombol
Alamat :
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
pesan
“Masukan
Sesuai
harapan Valid
77
Daftar Alamat”
5. Jenis
Kelamin
tidak diisi
dan data
yang lain
diisi
kemudian
klik
tombol
Daftar
Jenis Kelamin :
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
pesan“Masuka
n Jenis
Kelamin.”
Sesuai
harapan
Valid
6. Provinsi
tidak diisi
dan data
yang lain
diisi
kemudian
klik
tombol
Daftar
Provinsi :
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
pesan“Masuka
n Provinsi.”
Sesuai
harapan Valid
7. Kabupaten
/ Kota
tidak diisi
dan data
yang lain
diisi
kemudian
klik
tombol
Daftar
Kabupaten /
Kota : Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
pesan“Masuka
n Kabupaten.”
Sesuai
harapan Valid
8. Kecamatan
tidak diisi
dan data
yang lain
diisi
kemudian
klik
tombol
Daftar
Kecamatan :
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
pesan“Masuka
n Kecamatan.”
Sesuai
harapan
Valid
9. Kode Pos
tidak diisi
dan data
yang lain
Kode Pos :
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis
Sesuai
harapan Valid
78
diisi
kemudian
klik
tombol
Daftar
merah serta
menampilkan
pesan
“Masukan
Kode Pos”
10. KTP tidak
di Upload
dan File
yang lain
di Upload
kemudian
klik
tombol
Daftar
KTP : tidak di
Upload
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
pesan
“Upload
KTP”
Sesuai
harapan Valid
11. Ijazah
tidak di
Upload
dan File
yang lain
di Upload
kemudian
klik
tombol
Daftar
Ijazah : tidak di
Upload
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
pesan“Upload
Ijazah”
Sesuai
harapan
Valid
12. CV tidak
di Upload
dan File
yang lain
di Upload
kemudian
klik
tombol
Daftar
CV : tidak di
Upload
Sistem akan
menolak akses
dan field akan
diberi garis
merah serta
menampilkan
pesan “Upload
CV”
Sesuai
harapan Valid
13. Semua
data di isi
dengan
lengkap
dan benar
kemudian
klik
tombol
Daftar
Email :
zaqimubarok70
@gmail.com
No.Telepon :
085747522051
Tempat Tanggal
Lahir : Tegal ,
13 Desember
1996
Jenis Kelamin :
Sistem akan
menerima
akses dan
Pendaftar/Pela
mar akan bisa
mencetak kartu
bukti
pendaftaran
Sesuai
harapan Valid
79
Laki-laki
Alamat :
Bulakwaru
Provinsi : Jawa
Tengah
Kabupaten /
Kota : Tegal
Kecamatan :
Tarub
Kode Pos :
52185
Upload KTP
Upload Ijazah
Upload CV
top related