BAB III ANALISIS DAN PERANCANGAN SISTEM

BAB III ANALISIS DAN PERANCANGAN SISTEM

1.1 ANALISIS SISTEM Analisis pertama yang dilakukan dalam membangun Sistem Ujian Online adalah melakukan observasi pada perusahaan khususnya pada bagian SDM yang selama ini memegang kendali untuk pelaksanaan penerimaan karyawan secara manual. Sehingga dapat teridentifikasi kendala atau permasalahan yang dihadapi selama pelaksanaan penerimaan karyawan berlangsung. Dari data yang sudah dikumpulkan dan observasi yang dilakukan, dapat disimpulkan bahwa perusahaan khususnya bagian SDM membutuhkan suatu sistem yang dapat mengelola data penerimaan karyawan dan melakukan ujian secara online dan terkomputerisasi. Karena selama ini ujian dilakukan masih dengan manual dan data karyawan baru menumpuk hingga memenuhi lemari penyimpanan berkas-berkas. Untuk itu penulis menganalisis sistem yang berjalan pada saat penerimaan karyawan baru dan menganalisis sistem usulan yang dapat memberikan solusi dalam pelaksanaan penerimaan karyawan baru. Sehingga nantinya data dan hasil uji kemampuan karyawan baru tidak menumpuk dan mempermudah proses pencarian data dan hasil ujian pelamar. Pada saat ini prosedur dan tata cara yang diterapkan pada saat pelaksanaan penerimaan karyawan masih menggunakan metode manual atau yang biasa disebut paper-work system. Mulai dari penerimaan, pendataan, penyimpanan, pendokumentasian hingga verifikasi yang dilakukan masih manual. Dengan prosedur dan tata cara tersebut, menjadikan pelaksanaan penerimaan karyawan menjadi kurang efektif dan efisien. Hal tersebut menyebabkan : a.

Adanya kesalahan saat pendataan pelamar.

b.

Adanya ketidak akuratan penilaian hasil ujian pelamar.

c.

Hilangnya arsip atau dokumentasi hasil ujian pelamar dikarenakan hilang atau rusak.

25 http://digilib.mercubuana.ac.id/

26

1.1.1

Analisis Sistem Manual

Pada saat proses penerimaan karyawan perusahaan umumnya masih menggunakan sistem manual. Sistem atau metode manual yang dimaksud ialah data tidak terkomputerisasi sehingga semua data masih disimpan dan diproses dalam bentuk hardcopy atau penyimpanan dengan menggunakan kertas. Berikut diantaranya kegiatan-kegiatan penerimaan karyawan yang masih menggunakan sistem manual : a.

Pengisian formulir data pelamar

b.

Proses ujian pelamar yang masih menggunakan kertas-kertas soal

c.

Penilaian yang masih dilakukan secara manual oleh staff SDM

d.

Penyimpanan laporan hasil ujian pelamar masih dalam bentuk hardcopy

3.1.2 Analisis Sistem Usulan Dengan berdasarkan analisis sistem yang saat ini banyak digunakan oleh perusahaan masih bersifat manual sehingga dilakukan analisis sistem usulan untuk menggantikan proses sistem secara manual. Sistem ujian online untuk pelamar pekerjaan merupakan sistem yang diusulkan, dengan adanya sistem usulan ini diharapkan kinerja perusahaan menjadi lebih baik. Berikut diantaranya kegiatankegiatan penerimaan karyawan yang sebelumnya menggunakan sistem manual dan diharapkan menggunakan sistem usulan : a.

Pengisian data pelamar diinput ke dalam sistem dan disimpan ke data base.

b.

Proses ujian pelamar yang menggunakan sistem online sehingga tidak berlebihan dalam penggunaan kertas.

c.

Penilaian dilakukan secara otomatis oleh sistem dengan penilaian sesuai standar dan kualifikasi dari perusahaan.

d.

Penyimpanan laporan hasil ujian pelamar tersimpan dalam data base dan juga dapat disimpan dalam bentuk soft copy sehingga akan lebih terjamin keamanannya.

http://digilib.mercubuana.ac.id/

27

1.2 ANALISIS PENGGUNA Pada analisis pengguna menjelaskan level-level pengguna yang dapat menggunakan sistem. Untuk sistem yang akan dibuat terdapat 3 level user yaitu Administrator, Manager dan Pelamar. Masing-masing level pengguna memiliki hak akses yang berbeda-beda. Berikut adalah rincian analisis pengguna dan hak aksesnya : No. 1

Pengguna

Tabel 3. 1 Analisis Penggunaan Deskripsi

Administrator Merupakan level pengguna yang memiliki akses login web. Dapat melakukan manipulasi data admin,

data

pelamar,

jenis

test,

soal

test,

pengumuman dan juga dapat melihat laporan hasil uji kemampuan pelamar.. 2

Manager

Merupakan level pengguna yang memiliki akses login web. Pada level manager ini hanya dapat melihat laporan hasil uji kemampuan pelamar yang statusnya lulus/tidak.

3

Pelamar

Merupakan level pengguna yang mengakses sistem untuk melakukan uji kemampuan seperti kerjakan soal seleksi dan lihat pengumuman.

1.3 ANALISIS KEBUTUHAN SISTEM 1.3.1

Kebutuhan Non-Fungsional

1.3.1.1 Kebutuhan Perangkat Keras Analisis perangkat keras bertujuan mengetahui spesifikasi perangkat keras yang dipergunakan dalam sistem.


28

Tabel 3.2 Analisis Kebutuhan Perangkat Keras No Jenis Spesifikasi 1 Processor Intel Celeron 2 Memory DDR 2 GB 3 Hardisk 500 GB 4 Graphic Card 2.16 GHz 5 Mouse Optic 6 Printer Laserjet

1.3.1.2 Kebutuhan Perangkat Lunak Analisis perangkat lunak bertujuan mengetahui perangkat lunak apa saja yang dipergunakan dalam pembuatan sistem, yaitu sebagai berikut : a.

Sistem Operasi

: Windows 7 Home Basic

b.

Bahasa Pemograman

: PHP

c.

DBMS

: MySQL

d.

Aplikasi

:

- XAMPP - Dreamweaver - Notepad++

1.3.2

Kebutuhan Fungsional

Ketika bagian SDM atau administrator melakukan penginputan data pelamar atau calon karyawan baru yang memerlukan data-data penting yang harus ada dari pelamar yang akan mengikuti proses penerimaan karyawan baru, diantaranya : a.

Data utama (Nama, Tempat Tanggal Lahir, Alamat, Telepon)

b.

Foto pelamar

c.

CV atau dokumen dalam bentuk softcopy pelamar


29

1.4 ERD (Entity Relationship Diagram)

Gambar 3.1 ERD (Entity Relationship Diagram) Pada proses uji kemampuan dan kompetensi pelamar, seorang administrator yang login dapat menginputkan satu atau lebih pelamar dan pengumuman. Untuk satu orang pelamar akan memiliki satu hasil tes dari satu jenis tes, sedangkan untuk satu jenis tes memiliki lebih dari satu soal tes, seperti pada Gambar 3.1.

1.5 PERANCANGAN DATABASE Struktur data dari tabel-tabel aplikasi Sistem Penerimaan Karyawan yang diimplementasikan pada database Sistem Penerimaan Karyawan, sebagai berikut :


30

1.5.1

Tabel Login

Tabel login seperti pada Tabel 3.3 digunakan untuk menyimpan data Administrator/Manager yang dapat mengakses ke dalam sistem. Tabel ini terdiri dari id_login, username, password, nama. Nama Field

Tabel 3.3 Perancangan Tabel Login Tipe Data Panjang Keterangan

id_login

int

11

username

varchar

20

password

varchar

20

nama

varchar

50

level

varchar

20

1.5.2

PRIMARY KEY

Tabel Pelamar

Tabel pelamar seperti pada Tabel 3.4 digunakan untuk menyimpan data Pelamar yang mengikuti Uji Kemampuan dan Kompetensi, yang diinput oleh Administrator. Tabel ini terdiri dari id_pelamar, username, password, nama, alamat, jenis_kelamin, tempat_lahir, agama, telepon, kota, status, tanggal_masuk, kode_pos, foto dan file. Nama Field

Tabel 3.4 Perancangan Tabel Pelamar Tipe Data Panjang Keterangan

id_pelamar

int

11

username

varchar

20

password

varchar

20

nama

varchar

50

alamat

text

-

jenis_kelamin

varchar

10

tempat_lahir

varchar

100

tanggal_lahir

date

-

agama

varchar

20

telepon

varchar

20

kota

varchar

20


PRIMARY KEY

31

status

varchar

20

tanggal_masuk

date

-

kode_pos

varchar

10

foto

varchar

50

file

varchar

50

1.5.3

Tabel Pengumuman

Tabel pengumuman seperti pada Tabel 3.5 digunakan untuk menyimpan data pengumuman yang akan ditampilkan untuk dilihat oleh pelamar, yang diinput oleh Administrator. Tabel ini terdiri dari id_pengumuman, judul, isi dan tanggal. Tabel 3.5 Perancangan Tabel Pengumuman Nama Field Tipe Data Panjang Keterangan id_pengumuman

int

11

judul

varchar

50

isi

text

-

tanggal

datetime

-

1.5.4

PRIMARY KEY

Tabel Jenis Tes

Tabel Jenis Tes seperti pada Tabel 3.6 digunakan untuk menyimpan data jenis-jenis tes yang akan dikerjakan oleh pelamar yang mengikuti proses uji kemampuan dan kompetensi, yang diinput oleh Administrator. Tabel ini terdiri dari id_jenis dan nama_jenis. Nama Field

Tabel 3.6 Perancangan Tabel Jenis Tes Tipe Data Panjang Keterangan

id_jenis

int

11

nama_jenis

varchar

50

1.5.5

PRIMARY KEY

Tabel Soal Tes

Tabel Soal Tes seperti pada Tabel 3.7 digunakan untuk menyimpan data Soalsoal dari setiap jenis tes yang akan dikerjakan oleh pelamar yang mengikuti proses


32

uji kemampuan dan kompetensi, yang diinput oleh Administrator. Tabel ini terdiri dari id_soal, soal, jawaban_a, jawaban_b, jawaban_c, jawaban_d, kunci_jawaban dan id_jenis. Nama Field

Tabel 3.7 Perancangan Tabel Soal Tes Tipe Data Panjang Keterangan

id_soal

int

11

soal

text

-

jawaban_a

text

-

jawaban_b

text

-

jawaban_c

text

-

jawaban_d

text

-

kunci_jawaban

varchar

1

id_jenis

int

11

1.5.6

PRIMARY KEY

Tabel Hasil Tes

Tabel Hasil Tes seperti pada Tabel 3.8 digunakan untuk menyimpan data hasil tes dari setiap pelamar yang telah mengerjakan soal-soal tes pada proses uji kemampuan dan kompetensi. Tabel ini terdiri dari id_hasil, id_jenis, id_pelamar, nilai, tanggal_tes. Nama Field

Tabel 3.8 Perancangan Tabel Hasil Tes Tipe Data Panjang Keterangan

id_hasil

int

11

id_jenis

int

11

id_pelamar

int

11

nilai

int

11

tanggal_tes

datetime

-

PRIMARY KEY

1.6 DIAGRAM USE CASE Pada diagram use case menunjukkan fungsionalitas suatu sistem atau kelas dan bagaimana sistem berinteraksi dengan aktor. Pemodelan diagram use case pada sistem yang akan dibuat seperti pada Gambar 3.2 berikut ini :


33

Gambar 3.2 Use Case 1.6.1

Use case Login

Use case

:

Aktor

:

Tabel 3.9 Use Case Login Login Administrator, Manager dan Pelamar Untuk dapat menggunakan sistem ini setiap pengguna

Deskripsi

:

harus melakukan verifikasi data dengan memasukkan username dan password. Setelah verifikasi berhasil maka pengguna akan memasuki halaman utama dari sistem.


34

1.6.2

Use case Manipulasi Data Pelamar

Use case Aktor

Tabel 3.10 Use Case Manipulasi Data Pelamar : Tambah, Ubah, Hapus Data Pelamar :

Administrator Data pelamar yang mengikuti proses uji kemampuan akan ditambahkan ke dalam sistem oleh administrator.

Deskripsi

:

Administrator juga dapat melakukan penghapusan dan pengubahan data pelamar jika ada data yang berubah atau salah.

1.6.3

Use case Manipulasi Data Admin

Use case Aktor

Tabel 3.11 Use Case Manipulasi Data Admin : Tambah, Ubah, Hapus Data Admin :

Administrator Administrator dapat menambahkan administrator atau manager baru yang akan ikut mengawasi proses uji

Deskripsi

:

kemampuan, pada proses ini data yang ditambahkan hanya username dan password. Jika ada data yang berubah atau salah administrator dapat melakukan penghapusan dan pengubahan data.

1.6.4

Use case Manipulasi Jenis Tes

Use case

Tabel 3.12 Use Case Manipulasi Jenis Tes : Tambah, Ubah, Hapus Jenis Tes

Aktor

:

Administrator Administrator dapat menambahkan jenis tes yang ada pada

Deskripsi

:

proses uji kemampuan. Jika ada jenis tes yang berubah atau salah, administrator dapat melakukan penghapusan dan pengubahan jenis tes.

1.6.5

Use case Manipulasi Soal Tes


35

Use case

Tabel 3.13 Use Case Manipulasi Soal Tes : Tambah, Ubah, Hapus Soal Tes

Aktor

:

Administrator Administrator dapat menambahkan soal tes yang ada pada

Deskripsi

:

proses penerimaan karyawan. Jika ada soal tes yang berubah atau salah, administrator dapat melakukan penghapusan dan pengubahan soal-soal tes.

1.6.6

Use case Manipulasi Data Pengumuman

Use case Aktor

Tabel 3.14 Use Case Manipulasi Data Pengumuman : Tambah, Ubah, Hapus Pengumuman :

Administrator Administrator dapat menambahkan pengumuman yang diinfokan kepada peserta saat melakukan proses uji

Deskripsi

:

kemampuan. Jika ada pengumuman yang berubah atau salah, Administrator dapat melakukan penghapusan dan pengubahan pengumuman.

1.6.7

Use case Laporan

Use case

:

Aktor

:

Tabel 3.15 Use Case Laporan Lihat Laporan Administrator dan Manager Administrator dan Manager hanya dapat melihat laporan

Deskripsi

:

hasil seleksi penerimaan karyawan karena penilaian otomatis dilakukan oleh sistem.

1.6.8

Use case Kerjakan Seleksi


36

Use case

Tabel 3.16 Use Case Kerjakan Seleksi : Kerjakan Seleksi

Aktor

:

Pelamar Pada proses ini pelamar mulai mengerjakan soal-soal tes

Deskripsi

:

yang ada pada sistem dengan 4 jenis tes dan setiap jenis terdapat 10 soal.

1.6.9

Use case Lihat Pengumuman

Use case

Tabel 3.17 Use Case Lihat Pengumuman : Lihat Pengumuman

Aktor

:

Pelamar Pelamar dapat melihat info yang diberikan oleh admin

Deskripsi

:

penerimaan karyawan. Baik info untuk tata cara mengerjakan soal ataupun pengumuman lainnya yang berkaitan dengan penerimaan karyawan.

1.6.10 Use case Edit Profil

Use case

:

Aktor

:

Deskripsi

:

Tabel 3.18 Use Case Edit Profil Edit Profil Pelamar Pelamar dapat mengubah data profilnya sendiri yang sedang login pada sistem.

1.6.11 Use case Edit Password

Use case

:

Aktor

:

Deskripsi

:

Tabel 3.19 Use Case Edit Password Edit Password Pelamar Pelamar dapat mengubah passwordnya sendiri yang sedang login pada sistem.


37

1.7 DIAGRAM AKTIVITAS Diagram aktivitas merupakan diagram yang menggambarkan sebuah skema aktivitas yang terjadi pada sistem tersebut. Pada sistem ujian online untuk pelamar pekerjaan digambarkan diagram prosesnya secara keseluruhan seperti pada Gambar 3.3. Administrator yang login melakukan input data pelamar dan menambahkan username dan password, kemudian pelamar dapat login dan mengerjakan seleksi. Setelah selesai mengerjakan soal dan jawaban lengkap maka jawaban disimpan untuk laporan hasil ujian.

Gambar 3. 3 Diagram Proses Sistem Ujian Online


38

1.7.1

Diagram Aktivitas Login

Pada diagram aktivitas login seperti pada Gambar 3.4 dijelaskan tentang proses mengakses halaman utama dari sistem untuk pengguna baik administrator, manager ataupun pelamar diharuskan untuk login terlebih dahulu dengan memasukkan username dan password yang sudah didaftarkan kedalam sistem. Jika akun yang melakukan login tidak sesuai dengan database maka akan muncul peringatan dan kembali ke halaman login.

Gambar 3.4 Diagram Aktivitas Login

1.7.2

Diagram Aktivitas Manipulasi Data Pelamar

Pada diagram aktivitas manipulasi data pelamar seperti pada Gambar 3.5 dijelaskan tentang proses menambah, mengubah dan menghapus data pelamar. Proses ini hanya dapat dilakukan oleh administrator yang sudah berhasil melakukan login. Jika semua data sudah lengkap dan terisi semua maka data akan disimpan ke database, jika belum lengkap maka akan muncul peringatan dan data belum disimpan.


39

Gambar 3.5 Diagram Aktivitas Manipulasi Data Pelamar

1.7.3

Diagram Aktivitas Manipulasi Data Admin/Manager

Pada diagram aktivitas manipulasi data Admin/Manager seperti pada Gambar 3.6 dijelaskan tentang proses menambah, mengubah dan menghapus data Admin/Manager pada sistem. Proses ini hanya dapat dilakukan oleh administrator yang sudah berhasil melakukan login. Jika semua data sudah lengkap dan terisi semua maka data akan disimpan ke database, jika belum lengkap maka akan muncul peringatan dan data belum disimpan.


40

Gambar 3.6 Diagram Aktivitas Manipulasi Data Admin/Manager 1.7.4

Diagram Aktivitas Manipulasi Data Jenis Tes

Pada diagram aktivitas manipulasi data jenis tes seperti pada Gambar 3.7 dijelaskan tentang proses menambah, mengubah dan menghapus data jenis tes pada sistem. Proses ini hanya dapat dilakukan oleh administrator yang sudah berhasil melakukan login. Jika semua data sudah lengkap dan terisi semua maka data akan disimpan ke database, jika belum lengkap maka akan muncul peringatan dan data belum disimpan.


41

Gambar 3.7 Diagram Aktivitas Manipulasi Data Jenis Tes

1.7.5

Diagram Aktivitas Manipulasi Data Soal Tes

Pada diagram aktivitas manipulasi data soal tes seperti pada Gambar 3.8 dijelaskan tentang proses menambah, mengubah dan menghapus data soal tes pada sistem. Proses ini hanya dapat dilakukan oleh administrator yang sudah berhasil melakukan login. Jika semua data sudah lengkap dan terisi semua maka data akan disimpan ke database, jika belum lengkap maka akan muncul peringatan dan data belum disimpan.


42

Gambar 3.8 Diagram Aktivitas Manipulasi Data Soal Tes 1.7.6

Diagram Aktivitas Manipulasi Data Pengumuman

Pada diagram aktivitas manipulasi data pengumuman seperti pada Gambar 3.9 dijelaskan tentang proses menambah, mengubah dan menghapus data pengumuman pada sistem. Proses ini hanya dapat dilakukan oleh administrator yang sudah berhasil melakukan login. Jika semua data sudah lengkap dan terisi semua maka data akan disimpan ke database, jika belum lengkap maka akan muncul peringatan dan data belum disimpan.


43

Gambar 3.9 Diagram Aktivitas Manipulasi Data Pengumuman

1.7.7

Diagram Aktivitas Lihat Laporan

Pada diagram aktivitas lihat laporan seperti pada Gambar 3.10 dijelaskan tentang proses melihat laporan pada sistem. Proses ini hanya dapat melihat laporan saja tanpa manipulasi data karena dilakukan secara otomatis oleh sistem. Pengguna yang dapat melihat laporan yaitu Administrator dan Manager.


44

Gambar 3.10 Diagram Aktivitas Lihat Laporan

1.7.8

Diagram Aktivitas Kerjakan Seleksi

Pada diagram aktivitas kerjakan seleksi seperti pada Gambar 3.11 dijelaskan tentang proses pelamar mengerjakan soal-soal tes pada sistem. Mulai dari memilihi jenis tes yang akan dikerjakan sampai pelamar mengirim jawaban. Apabila jawaban yang dikerjakan sudah lengkap semua maka jawaban akan disimpan kedalam database.


45

Gambar 3.11 Diagram Aktivitas Kerjakan Seleksi

1.7.9

Diagram Aktivitas Ubah Profil

Pada diagram aktivitas ubah profil seperti pada Gambar 3.12 dijelaskan tentang proses pelamar mengubah profil pada sistem jika ada data atau profil yang berbeda dan berubah. Apabila profil yang diubah sudah lengkap semua ma1ka akan disimpan kedalam database.


46

Gambar 3.12 Diagram Aktivitas Ubah Profil

1.7.10 Diagram Aktivitas Ubah Password Pada diagram aktivitas ubah password seperti pada Gambar 3.13S dijelaskan tentang proses pelamar mengubah password lama ke yang baru pada sistem. Apabila password yang diubah sudah lengkap semua maka akan disimpan kedalam database.


47

Gambar 3.13 Diagram Aktivitas Ubah Password


48

1.8 PERANCANGAN ANTARMUKA Perancangan antarmuka ini dibuat untuk menggambarkan tampilan sistem yang akan dibuat sehingga memudahkan dalam melakukan perubahan-perubahan yang diperlukan.

1.8.1

Perancangan Antarmuka Administrator

1.8.1.1 Login

Gambar 3.14 Perancangan Antarmuka Login Keterangan pada Gambar 3.14 : 1 : logo pada halaman login sistem 2 : textbox untuk memasukkan username 3 : textbox untuk memasukkan password

Pada perancangan antamuka login untuk administrator seperti pada gambar 3.14, disini digambarkan tampilannya dengan rancangan menggunakan logo di depan dan seperti pada umumnya terdapat kolom username dan password.


49

1.8.1.2 Halaman Utama

Gambar 3.15 Perancangan Antarmuka Halaman Utama Keterangan pada Gambar 3.15: 1 : tab menu Home 2 : tab menu Master 3 : tab menu Seleksi 4 : tab menu Pengumuman 5 : tab menu Laporan 6 : tombol untuk Logout 7 : footer

Pada perancangan antamuka halaman utama untuk administrator seperti pada gambar 3.15, disini digambarkan tampilannya dengan rancangan masih menggunakan logo di depan dan dan terdapat menu-menu utama.


50

1.8.1.3 Admin

Gambar 3.16 Perancangan Antarmuka Admin Keterangan pada Gambar 3.16: 1 : tab sub menu Admin 2 : judul halaman yang sedang dipilih 3 : tombol tambah admin/manager 4 : tampilan informasi admin/manager yang ditampilkan yang telah dimasukkan kedalam sistem oleh administrator

Pada perancangan antamuka antarmuka menu administrator untuk seperti pada gambar 3.16, disini digambarkan tampilannya dengan rancangan menggunakan logo di depan dan menu-menu Home, Master, Seleksi, Pengumuman dan Laporan.


51

1.8.1.4 Pelamar

Gambar 3. 17 Perancangan Antarmuka Pelamar Keterangan pada Gambar 3.17: 1 : tab sub menu Pelamar 2 : judul halaman yang sedang dipilih 3 : tombol tambah pelamar 4 : tampilan informasi pelamar yang ditampilkan yang telah dimasukkan kedalam sistem oleh administrator

Pada perancangan antamuka pelamar untuk administrator seperti pada gambar 3.17, disini digambarkan tampilannya dengan rancangan menggunakan logo di depan dan seperti pada umumnya terdapat kolom username dan password.


52

1.8.1.5 Jenis Tes

Gambar 3.18 Perancangan Antarmuka Jenis Tes Keterangan pada Gambar 3.18 : 1 : tab sub menu Jenis Tes 2 : judul halaman yang sedang dipilih 3 : tombol tambah Jenis Tes 4 : tampilan informasi jenis tes yang ditampilkan yang telah dimasukkan kedalam sistem oleh administrator

Pada perancangan antamuka jenis tes untuk adminisrator seperti pada gambar 3.18, disini digambarkan tampilannya dengan rancangan pada halaman depan akan tampil informasi jenis-jenis tes yang sudah diinputkan ada juga menu tambah, ubah dan hapus nantinya.


53

1.8.1.6 Soal Tes

Gambar 3.19 Perancangan Antarmuka Soal Tes Keterangan pada Gambar 3.19: 1 : tab sub menu Soal Tes 2 : judul halaman yang sedang dipilih 3 : tombol tambah Soal Tes 4 : tampilan informasi soal tes yang ditampilkan yang telah dimasukkan kedalam sistem oleh administrator

Pada perancangan antamuka soal tes untuk administrator seperti pada gambar 3.19, disini digambarkan tampilannya dengan rancangan pada halaman depan akan tampil informasi soal-soal tes yang sudah diinputkan ada juga menu tambah, ubah dan hapus nantinya.


54

1.8.1.7 Pengumuman

Gambar 3. 20 Perancangan Antarmuka Pengumuman Admin Keterangan pada Gambar 3.20 : 1 : judul halaman yang sedang dipilih 2 : tombol tambah Pengumuman 3 : tampilan informasi pengumuman yang ditampilkan yang telah dimasukkan kedalam sistem oleh administrator

Pada perancangan antamuka untuk halaman pengumuman seperti pada gambar 3.20, disini digambarkan tampilannya dengan rancangan pada halaman depan akan tampil informasi pengumuman tes yang sudah diinputkan ada juga menu tambah, ubah dan hapus nantinya.


55

1.8.1.8 Laporan

Gambar 3. 21 Perancangan Antarmuka Laporan Admin Keterangan pada Gambar 3.21: 1 : judul halaman yang sedang dipilih 2 : tampilan informasi laporan hasil seleksi yang ditampilkan yang secara otomatis dinilai oleh sistem

Pada perancangan antamuka untuk halaman laporan seperti pada gambar 3.21, disini digambarkan tampilannya dengan rancangan pada halaman depan akan tampil informasi hasil tes yang sudah dinilai otomatis oleh sistem. Masingmasing jenis soal disini akan ditampilkan nilainya sehingga diketahui langsung oleh pelamar. Status lulus/tidaknya pun ditampilkan pada halaman ini.


56

1.8.2

Perancangan Antarmuka Manager

1.8.2.1 Laporan

Gambar 3.22 Perancangan Antarmuka Laporan Manager Keterangan pada Gambar 3.22 : 1 : judul halaman yang sedang dipilih 2 : tampilan informasi laporan hasil seleksi yang ditampilkan yang secara otomatis dinilai oleh sistem

Pada perancangan antamuka halaman laporan untuk seperti pada gambar 3.22, halaman ini sama seperti gambar 3.21 hanya saja digunakan oleh Manager, disini digambarkan tampilannya dengan rancangan pada halaman depan akan tampil informasi hasil tes yang sudah dinilai otomatis oleh sistem. Masing-masing jenis soal disini akan ditampilkan nilainya sehingga diketahui langsung oleh pelamar. Status lulus/tidaknya pun ditampilkan pada halaman ini.


57

1.8.3 Perancangan Antarmuka Pelamar 1.8.3.1 Halaman Utama

Gambar 3.23 Perancangan Antarmuka Halaman Utama Pelamar Keterangan pada Gambar 3.23 : 1 : tab menu Home 2 : tab menu Seleksi 3 : tab menu Pengumuman 4 : tab menu Profil 5 : tombol untuk Logout 6 : footer

Pada perancangan antamuka halaman laporan untuk seperti pada gambar 3.23, disini digambarkan tampilannya dengan rancangan pada halaman depan akan tampil logo perusahaan itu sendiri. Terdapat menu-menu dibagian atasnya yaitu menu Home, Seleksi, Pengumuman dan Profil.


58

1.8.3.2 Seleksi

Gambar 3.24 Perancangan Antarmuka Seleksi Keterangan pada Gambar 3.24 : 1 : nama sistem 2 : judul halaman yang sedang dipilih 3 : tampilan soal-soal test yang harus dikerjakan oleh pelamar

Pada perancangan antamuka seleksi untuk pelamar seperti pada gambar 3.24, disini digambarkan tampilannya awalnya yaitu langsung menuju soal-soal yang harus dikerjakan oleh pelamar. Terdapat menu-menu dibagian atasnya yaitu menu Home, Seleksi, Pengumuman dan Profil. Soal yang tampil di masing-masing jenis soal berjumlah 10 soal. Soal yang dikerjakan tidak boleh ada yang kosong karena tidak dapat melanjutkan ke soal berikutnya.


59

1.8.3.3 Pengumuman

Gambar 3.25 Perancangan Antarmuka Pengumuman Pelamar Keterangan pada Gambar 3.25 : 1 : nama sistem 2 : judul halaman yang sedang dipilih 3 : tampilan pengumuman yang sudah dimasukkan oleh administrator

Pada perancangan antamuka pengumuman untuk pelamar seperti pada gambar 3.25, disini digambarkan tampilannya awalnya yaitu pengumumanpengumuman yang sudah diinputkan oleh admin dan dapat dilihat oleh pelamar. Pengumuman disini diinfokan oleh administrator yang sudah diinput sebelumnya.


60

1.8.3.4 Edit Profil

Gambar 3.26 Perancangan Antarmuka Edit Profil Keterangan pada Gambar 3.26 : 1 : tab sub menu edit profil 2 : judul halaman yang sedang dipilih 3 : tampilan data profil yang akan diubah oleh pelamar 4 : tombol simpan

Pada perancangan antamuka pengumuman untuk pelamar seperti pada gambar 3.26, disini digambarkan tampilannya awalnya yaitu muncul data profil pelamar yang sedang melakukan login. Pelamar dapat mengubah profilnya sendiri apabila ada data yang berbeda atau salah. Apabila tidak ada perubahan data akan tetap disimpan.


61

1.8.3.5 Edit Password

Gambar 3. 27 Perancangan Antarmuka Edit Password Keterangan pada Gambar 3.27 : 1 : tab sub menu edit password 2 : judul halaman yang sedang dipilih 3 : tampilan data passeord yang akan diubah oleh pelamar 4 : tombol ubah Pada perancangan antamuka pengumuman untuk pelamar seperti pada gambar 3.27, disini digambarkan tampilannya awalnya yaitu password lama dan password baru. Jika ada pelamar yang ingin mengganti passwordnya karena password sebelumnya password dibuat oleh sistem.


BAB III ANALISIS DAN PERANCANGAN SISTEM

Recommend Documents