lunak yang sedang dikembangkan.

Diagram kelas memberikan gambaran

tentang sistem atau perangkat lunak

dan relasi-relasi yang ada. Adapun

class

diagram

dalam

tahap

perancangan sistem yang diusulkan

ini adalah sebagai berikut:

Class diagram

kompetensi

4.1.5

Component Diagram

Component diagram

bagian fisik dari sebuah sistem,

component

diagram

ini

diimplementasikan meskipun pada

sistem yang kecil. Perancagnan menu

pada sistem informasi yang diusulkan

digambarkan

oleh

component

diagram

Component diagram

kompetensi

4.1.6

Deployment Diagram

Deployment

diagram

menunjukan tata letak sebuah sistem

secara fisik, menampakkan bagian-

software

hardware.

Deployment diagram

kompetensi

4.1.7

Perancangan Antar Muka

Tujuan

utama

dari

perancangan antar muka adalah agar

interface

komunikatif dan mudah digunakan

oleh pemakai sehingga tujuan dari

pembuatan aplikasi tercapai.

Struktur menu

Pada perancagnan struktur menu ini

akan dijelaskan tentang menu-menu

yang ada tersusun pada sistem yang

telah dibuat ini. Berikut gambar

struktur menunya:

Gambar 4.18 Struktur Menu Sistem

Informasi Penilaian Uji Kompetensi

Perancangan input

perancangan

input

yaitu

sebuah

tampilan yang dirancang sebagai

tempat untuk memasukan data-data

diberikan oleh pengguna sistem.

berikut

perancangan

input

pada

sistem

informasi

penilaian

uji

kompetensi:

1.

Desain form login

Form login pada sistem ini

penggunanya yaitu admin,

mahasiswa, dan dosen wali.

Melalui form ini pengguna yang

boleh masuk sistem

adalah

pengguna

yang

mengetahui

usenamepassword

perancangan antarmuka form

loginn:

Gambar 4.19 Desain form Login

2.

input

jawaban

input

ini hanya admin saja yang

menginput. Didalam halaman

input soal dan jawaban terdapat

satu inputan untuk soal dan 4

inputan untuk jawaban serta

tombol simpan dan reset. Berikut

perancangannya:

Input

soal dan jawaban

3.

Desain menu daftar mahasiswa

Halaman data mahasiswa ini

dikelola oleh admin. Didalam

halaman data mahasiswa ini

selain ada halaman tambah

mahasiswa

terdapat

import

database sebagai salah satu

pilihan untuk menambahkan data

database

sql

perancanganan

antarmukanya

menu daftar mahasiswa.

Gambar 4.21 Desain form data

mahasiswa

4.

Desaim menu daftar instruktur

Halaman data dosen ini dikelola

oleh admin. Didalam form data