BAB IV

ANALISIS DAN PERANCANGAN SISTEM

4.1 Analisa Permasalahan

Seperti yang telah dibahas pada BAB I tentang permasalahan yang

terjadi maka perlu dibuatnya sistem informasi untuk mengatasi

permasalahan yang ada dan dapat menangani proses pendaftaran lebih

efisien yang dapat terkelola dengan baik melalui fasilitas yang diakses

melalui website.

4.2 Analisa Kebutuhan Sistem

Suatu langkah yang dilakukan untuk menganalisa kebutuhan sistem

agar sistem dapat berjalan dengan baik. Adapun analisa yang dilakukan

adalah kemampuan hardware. Spesifikasi hardware untuk menjalakan

sistem ini sebagai berikut :

1. Processor : AMD Dual Core E1-6010 (1.3GHz, 1M Cache)
2. RAM : 2Gb
3. VGA : Intel HD family 802Mb
4. Display : 1366 x 768

Data di atas bukanlah spesifikasi minimal yang digunakan untuk

menjalakan sistem, namun spesifikasi standar yang digunakan dalam

pembuatan sistem.

4.3 Analisa Kebutuhan Software

Adapun kebutuhan software yang digunakan dalam perancangan web

ini adalah :

1 Sistem operasi : Microsoft Windows 7

2 Bahasa pemrograman : PHP
3 Server Database : XAMPP Control Panel v3.2.1
4 Database : MySQL 5.6.16
 5 Desain Tampilan : Macromedia Dreamweaver 8 dan CorelDraw X5.

4.4 Analisa Perancangan Sistem

4.4.1 Analisa Perancangan Sistem dengan USE-CASE Diagram

1 Identifikasi Aktor
Identifikasi aktor mendeskripsikan interaksi aktor dengan sistem

yang ada di DIII Teknik Komputer Politeknik Harapan Bersama

Tegal. Sistem yang ada dapat didefinisikan sebagai berikut:

Tabel 4 1 Identifikasi Aktor

No Aktor Deskripsi
1 Admin a. Melakukan login
b. Mengelola/memanipulasi (insert, update,
delete) seluruh content informasi yang
ada.
c. Melakukan logout
2 Peserta a Melakukan login
b Mengelola data diri
c Melihat jadwal ujian sertifikasi
d Melihat hasil nilai ujian
e Mencetak sertifikat
f Melakukan logout

Berikut use case diagram sistem informasi pendaftaran

sertifikasi :
 Gambar 4 1 Use Case Diagram

Pada gambar di atas terdapat dua aktor yaitu peserta dan

administrator, di mana masing masing aktor mempunyai

beberapa use-case dan beberapa use-case diantaranya saling

berinteraksi. Pada gambar 4.1 aktor peserta memiliki use-case

yang menunjuka aktivitas apa saja yang bisa dilakukuan oleh

peserta dalam sistem tersebut, diantaranya : login, lihat beranda,

lihat syarat, lihat tata cara, input pendaftaran, lihat jadwal ujian,

lihat hasil ujian dan logout. Sedangkan pada aktor admin

terdapat beberapa use-case yang menunjukkan aktivitas yang

dapat dilakukan admin dalam suatu sistem, diantaranya adalah

 login, manajemen beranda, manajemen syarat, manajemen tata

cara, manajemen pendaftaran, manajemen jadwal ujian,

manajemen hasil ujian, manajemen user dan logout.

4.4.2 Analisa Perancangan Sistem dengan Activity Diagram

Berikut adalah activity diagram Sistem Informasi Pendaftaran

Sertifikasi Internasional berbasis web pada Prodi DIII Teknik

Komputer Politeknik Harapan Bersama Tegal :

1 Activity diagram untuk admin yaitu :

a Activity Login
Gambar dibawah menggambarkan activity diagram

login untuk admin. Pertama admin memasukkan username

dan password, kemudian sistem akan melakukan validasi

data. Apabila data tidak valid maka admin harus menginput

ulang data yang sesuai. Dan jika data valid maka sistem akan

menampilkan halaman admin.

 Gambar 4. 2 Activity Diagram Login Admin

b Activity Logout
Gambar dibawah menunjukkan alur activity diagram

logout. Pertama admin memilih menu logout. Setelah itu

sistem akan memproses dan menampilkan halaman login.

Gambar 4. 3 Activity Diagram Logout Admin

c Activity Diagram Manajemen Daftar Peserta

Gambar dibawah menggambarkan alur activity

diagram manajemen daftar peserta. Pertama admin memilih

menu daftar peserta. Setelah itu sistem akan menampilkan

form daftar peserta, jika admin akan memasukkan atau

menambah data maka sistem akan menyimpan data tersebut.

Jika admin akan mengedit data, sistem akan menampilkan

form edit dan setelah admin mengedit data pada tabel yang

dipilih, lalu sistem akan memperbarui data pada tabel

tersebut. Dan jika admin akan menghapus data pada tabel,

maka sistem akan menghapus data tersebut.

 Gambar 4. 4 Activity Diagram Manajemen Daftar Peserta
d Activity Diagram Manajemen User
Gambar dibawah merupakan alur dari activity diagram

manajemen user. Pertama admin memilih menu user. Setelah

itu sistem akan menampilkan form data user. Jika admin akan

memasukkan atau menambah data user maka sistem akan

menyimpan data tersebut. Jika admin akan mengedit data

user, sistem akan menampilkan form edit. Setelah admin

mengedit data pada tabel yang dipilih, lalu sistem akan

memperbarui data pada tabel tersebut. Dan jika admin akan

menghapus data pada tabel, maka sistem akan menghapus

data tersebut.
 Gambar 4. 5 Activity Diagram Manajemen User

e Activity Diagram Manajemen Jadwal Ujian

Gambar dibawah menggambarkan alur activity

diagram manajemen jadwal ujian. Pertama admin memilih

menu jadwal ujian. Setelah itu sistem akan menampilkan

form data jadwal ujian. Jika admin akan memasukkan atau

menambah data maka sistem akan menyimpan data tersebut.

Jika admin akan mengedit data, sistem akan menampilkan

form edit. Setelah admin mengedit data pada tabel yang

dipilih, lalu sistem akan memperbarui data pada tabel

tersebut. Dan jika admin akan menghapus data pada tabel,

maka sistem akan menghapus data tersebut.

 Gambar 4. 6 Activity Diagram Manajemen Jadwal Ujian
f Activity Diagram Manajemen Hasil Ujian
Gambar dibawah menggambarkan alur activity

diagram manajemen hasil ujian. Pertama admin memilih

menu hasil ujian. Setelah itu sistem akan menampilkan form

data hasil ujian. Jika admin akan memasukkan atau

menambah data maka sistem akan menyimpan data tersebut.

Jika admin akan mengedit data, sistem akan menampilkan

form edit. Setelah admin mengedit data pada tabel yang

dipilih, lalu sistem akan memperbarui data pada tabel

tersebut. Dan jika admin akan menghapus data pada tabel,

maka sistem akan menghapus data tersebut.

 Gambar 4. 7 Activity Diagram Manajemen Hasil Ujian
4.4.3 Analisa Perancangan Sistem dengan Squence Diagram

Berikut adalah sequence diagram sistem informasi pendaftaran

sertifikasi Internasional berbasis web pada Prodi DIII Teknik

Komputer Politeknik Harapan Bersama Tegal.

a. Sequence Manajemen Login
 Gambar 4. 8 Sequence Manajemen Login
b. Sequence Manajemen Logout

Gambar 4. 9 Sequence Manajemen Logout

c. Sequence Manajemen Jadwal

Gambar 4. 10 Sequence Manajemen Jadwal

d. Sequence Manajemen Peserta
 Gambar 4.11 Sequence Manajemen Peserta

e. Sequence Manajemen user

Gambar 4 11 Sequence Manajemen User

f. Sequence Manajemen Hasil
 Gambar 4 12 Squence Manajemen Hasil
4.4.4 Analisa Perancangan Sistem dengan Class Diagram

Analisa menggunakan class diagram digunakan untuk

memperjelas hubungan antar tabel dari suatu field dalam database. Di

mana field field tersebut saling berinteraksi sehingga data yang

dihasilkan jelas.

4.5 Perancangan Database

Perancangan database merupakan gambaran mengenai tabel yang

berisi field dan record. Perancangan database sangat diperlukan karena

merupakan media penyimpanan dan pengolahan data pada sistem informasi.

Tabel merupakan transformasi dari class diagram yang menunjukkan relasi

antarclass. Adapun perancangan database sistem informasi pendaftaran

sertifikasi internasional prodi DIII Teknik Komputer Politeknik Harapan

Bersama akan tampak pada tabel tabel berikut beserta field dan record.
Tabel 4 2 Tabel Peserta

Nama Tipe data Keterangan

Nim Varchar (10) Primary key
Nama Varchar (30)
Kelas Varchar (10)
Jenis kelamin Enum (L,P)
Alamat Varchar (30)
Tempat lahir Varchar (30)
Tanggal lahir Date
No. telepon Varchar (12)
No. KTP Varchar (16)
Foto Varchar (10)

Tabel 4 3 Tabel Daftar

Nama Tipe data Keterangan
Nama Varchar (30) Primary key
Kelas Varchar (10)
Jenis sertifikasi Varchar (20)
 Biaya Varchar (10)

Tabel 4 4 Tabel Jadwal

Nama Tipe data Keterangan
Id_jadwal Int (5) Auto_increment
Nama Varchar (30)
Kelas Varchar (10)
Jenis sertifikasi Varchar (20)
Tempat Varchar (30)
Tanggal Date
Waktu Varchar (10)

Tabel 4 5 Tabel Nilai

Nama Tipe data Keterangan
Id_nilai Int (3) Auto_increment
Nim Varchar (10)
Nama Varchar (30)
Jenis sertifikasi Varchar (20)
Nilai Varchar (10)
Keterangan Enum (lulus,gagal)

Tabel 4 6 Tabel User

Nama Tipe data Keterangan
Id_user Int (5) Auto_increment
Nama Varchar (30)
Kelas Varchar (10)
Username Varchar (20)
Password Varchar (20)
Level Enum(admin,peserta
)
 4.6 Perancangan Web User

a. Perancangan halaman Beranda untuk user

Halaman Beranda adalah tampilan awal ketika user mengakses

web. Berikut desain rancangan web Beranda seperti pada gambar

dibawah ini:

Header

Beranda Syarat Tata cara Daftar SertifikasiLihat JadwalLihat Hasil Keluar

Body

Footer
 Gambar 4 13 Tampilan Beranda

Header

Beranda Syarat Tata cara Daftar SertifikasiLihat JadwalLihat Hasil Keluar

Syarat Pendaftaran

Informasi Syarat Pendaftaran

Footer

Gambar 4 14 Tampilan Syarat Pendaftaran

Header

Beranda Syarat Tata cara Daftar SertifikasiLihat JadwalLihat Hasil Keluar

Form Pendaftaran

Formulir Pendaftaran

Gambar 4 15 Tampilan Daftar Sertifikasi

Footer
 Header

Beranda Syarat Tata cara Daftar SertifikasiLihat JadwalLihat Hasil Keluar

Tata Cara Pendaftaran

Informasi tata cara/ alur pendaftaran

Footer

Gambar 4 16 Tampilan Tata Cara Pendaftaran

Header

Beranda Syarat Tata cara Daftar SertifikasiLihat JadwalLihat Hasil Keluar

Hasil Ujian

Form Hasil Ujian

Gambar 4 17 Tampilan Hasil Ujian

Footer

Header

Beranda Syarat Tata cara Daftar SertifikasiLihat JadwalLihat Hasil Keluar

Jadwal Ujian

Form Jadwal Ujian

Footer
Gambar 4 18 Tampilan Jadwal Ujian