BAB IV PERANCANGAN SISTEM

(1)

46

BAB IV

PERANCANGAN SISTEM

Menurut hasil analisis sistem dan identifikasi yang telah diuraikan pada

bab sebelumnya maka penulis mengusulkan beberapa solusi untuk membuat

perancangan aplikasi tes masuk Sekolah Menengah Kejuruan Negeri 3

Tanjungpinang.

4.1Perancangan

4.1.1 Use Case Diagram

Use case adalah abstraksi dari intraksi antara sistem dan actor. Use

case bekerja dengan cara mendeskripsikan tipe interaksi antara user sebuah

sistem dengan sistemnya sendiri melalui sebuah cerita bagaimana sebuah

sistem dipakai. Use case merupakan sebuah konstruksi untuk mendeskripsikan

bagaimana sistem akan terlihat di mata user. Sedangkan use case diagram

memfasilitasi komunikasi diantara analisis dan pengguna serta analisis dan

client. Yang dimaksud dengan actor dalam sistem ini adalah siswa dan siswi

itu sendiri dengan sistem yang dijalan kan oleh siswa dan siswi yang di yang di

(2)

Siswa dan siswi Proses tes petugas system login Tes selesai Melihat hasil UJian Mengambil hasil ujian

Gambar 4.1 Use case diagram

4.1.2 Peracangan Activity diagram

Perancangan activity diagram dapat terlihat jelas dari gambaran

flowmap, diagram konteks, dengan metode analisis dan perancangan

berorientasi objek yang diusulkan pada Sekolah Menengah Kejuruan Negeri 3

Tanjungpinang.

Activity diagram proses tes masuk SMK Negeri 3 Tanjungpinang yang

sedang berjalan adalah sebagai berikut:

1. Siswa dan siswi datang ke sekolah

2. Siswa/i masuk kedalam ruangan tes masuk

3. Siswa ikut ujian dan menginputkan nama dan id

(3)

5. Ujian berlangsung dan pewaktu ujian berjalan.

6. Siswa/i selesai ujian

7. Program Close

8. Siswa/i melapor ke panitia tes bahwa ujian selesai

9. Panitia ujian menerima laporan siswa/i

10.Siswa/i keluar ruangan

Siswa dan siswi System

Siswa datang

Start Siswa/i menggikuti ujian _{tes masuk}

ID tidak ok

Ujian dan pewaktu berjalan ID ok

End

jika

Panitia tes ujian

Siswa keluar ruagan

Input user dan ID Siswa masuk

ruangan

Input user dan ID lagi

Lapor panitia tes selesai

Tipe soal ujian

Tipe soal B

Tipe soal A Tipe soal C

jika Pewaktu belum habis

jika Ujian selesai Program ditutup siswa/i

Panitia ujian memberikan laporan Ptogram close Ujian belum selesai Pewaktu habis

(4)

Gambar 4.2 Activity Diagram proses tes masuk

admin System

Admin masuk ke sistem

Start

Melihat hasil ujian

End Panitia tes ujian

print backup

pdf word

Ujian selesai Hasil ujian keluar

Admin menyerahkan

hasil ujian Menerima hasil ujian

Menempelkan hasil ujian

(5)

Nilai jurusan

Tidak lulus jika nilai < 50 ya Jika nilai > 50 dan nilai <=60 nilai > 60 dan nilai <=70 nilai > 70 dan nilai <=80 nilai > 80 dan nilai <=90 nilai > 90 dan nilai <=100

Teknik listrik Teknik mesin Teknik gambar Teknik otomotif

Teknik elektronika

Hasil ujian lulus jurusan

Gambar 4.4 Activity Diagram proses pemilihan jurusan

Aturan pemilihan jurusan di SMK Negeri 3 Tanjungpinang yang telah lulus

tes masuk sebagai berikut:

1. Jika Jika nilai > 50 dan nilai <=60 masuk jurusan Teknik Listrik

2. Jika nilai > 60 dan nilai <=70 masuk jurusan Teknik Gambar

3. Jika nilai > 70 dan nilai <=80 masuk jurusan Teknik Mesin

4. Jika nilai > 80 dan nilai <=90 masuk jurusan Teknik Otomotif

(6)

4.2 Skenario Sistem Tes masuk

Satu atau lebih dari satu pernyataan-pernyataan yang menggambarkan

dialog antara pengguna dan sistem untuk mendapatkan prilaku sistem yang

memang dikehendaki. Skenario ini memperlihatkan interaksi secara garis besar,

format tampilan keluaran, serta pertukaran informasi. Skenario adalah urut-urutan

event. Event terjadi setiap saat terjadi pertukaran informasi antar objek di dalam

serta di luar sistem. Informasi memberikan parameter pada event.

Skenario Sistem tes masuk

Siswa/i login dan input didalam system tes masuk

Setelah memilih tipe akan tampil soal ujian, waktu tes berjalan dan tes ujian dimulai

Jka ID tidak ok maka siswa input ID lagi

Setelah siswa selesai tes, menjawab semua soal dan mengisi jawaban di system Siswa/i mengonkonfermasi kepetugas bahwa tes telah selesai

Siswa/i masuk kedalam ruangan tes

Proses tes dimulai dan waktu tes aktif

Jika ID ok maka akan tampil pemilihan soal tes masuk.

Siswa keluar dari ruangan.

Gambar 4.5 Skenario sistem tes masuk

4.3 Sequence Diagram

Sequence diagram digunakan untuk menggambarkan prilaku pada sebuah

(7)

object juga interaksi antara object, sesuatu yang terjadi pada titik tertentu dalam

eksekusi sistem.

Siswa masuk dalam ruangan Siswa login

Siswa konfermasi telah selesai tes Siswa selesai proses tes waktu habis Siswa melakukan proses tes

petugas

system

Siswa dan siswi

ID ok, keluar tipe soal

ID tidak ok, siswa input lagi ID ID ok, soal ujian keluar,pengisi jawaban

dan waktu ujian dimulai Siswa memilih tipe soal ujian

Siswa keluar ruangan

Gambar 4.6 Sequence Diagram

4.4 Collaboration Diagram

Collaboration diagram menggambarkan kolaborasi dinamis seperti

sequence diagram. Dalam menunjukkan pertukaran pesan, collaborations diagram

menggambarkan object dan hubungannya (mengacu ke konteks). Jika penekannya

pada waktu atau urutan gunakan sequence diagram, tapi jika penekanannya pada

(8)

SISWA dan

SISWI SYSTEM

PETUGAS - Siswa dan siswi melakukan proses tes

- Siswa dan siswi selesai waktu habis

- siswa dan siswi konfermasi selesai tes -Siswa login -Siswa input ID lagi -Siswa datang

-ID ok, sola ujian keluar,pengisi jawaban dan waktu ujian dimulai - ID tidak ok, input id dan nama lagi

- ID ok, keluar tipe soal

- Siswa memilih tipe soal ujian -Siswa keluar

ruangan

Gambar 4.7 Collaboration Diagram

4.5 Diagram State Chart

Menggambarkan semua state yang dimiliki oleh suatu object dari suatu

class dan keadaan yang menyebabkan state berubah. Kejadian dapat berupa object

lain yang mengirim pesan. State class tidak digambarkan untuk semua class, hanya

yang mempunyai sejumlah state terdefinisi dengan baik dan kondisi class berubah

(9)

Do: login Sebagai peserta

Do : pilihan tipe soal ujian

Input data Memilih type soal Program tersimpan dan close Menu Utama Admin Tampil form ujian tipe A Tampil form ujian tipe C Tampil form ujian tipe B Tes selesai Tes selesai Waktu habis Waktu habis Tes selesai Waktu habis Sebagai

admin Input, id, user

keluar

about

Hasil Ujian peserta admin

Pewaktu Ujian Setting waktu ujian Materi Ujian Form close Pesan error Pesan error bantuan Keluar Soal ujian Tipe soal A Simpan Edit Tambah data Hapus Update reflesh Tipe soal A Simpan Edit Tambah data Hapus Update reflesh Tipe soal A Simpan Edit Tambah data Hapus Update reflesh Form close Form close administrasi Simpan Edit Tambah data Hapus Update reflesh ADM peserta Simpan Edit Tambah data Hapus Update Reflesh Laporan Cetak Kartu Laporan

Export hasil ujian

Cetak hasil ujian

Gambar 4.8 Diagram State Chart

4.6 Class Diagram

Class adalah deskripsi kelompok dengan objek-objek dengan properti,

prilaku (operasi), dan relasi yang sama. Sehingga dengan adanya class diagram

dapat memberikan pandangan global atas sebuah sistem. Hal tersebut tercermin

dari class-class yang ada dan relasinya satu dengan yang lainnya. Sebuah sistem

biasanya mempunyai beberapa class diagram. Class diagram sangat membantu

(10)

Class login Id User

Password

Jenis User : varChar

: varChar : varChar Class Hasil Ujian No peserta Nama Kode soal Jumlah nilai Jurusan : Int Class Administrasi peserta ujian No peserta

nama : Var Char

: VarChar Class Ujian Soal No peserta nama : VarChar : VarChar Kode soal Insertjawaban() : varChar : VarChar alamat Asal sekolah : VarChar : VarChar CekJenis(Char id User)

ListUser(Char Jenis User)

InsertUser(Char id User, char Password, char Jenis User) UpdateUser(Char id User, char Password, char Jenis User) DeleteUser(Char id User) CekUser(Char id User) CekPassword(Char id User) : Char : Void : Void : Void : Array : Boolean : Boolean DeleteUser(Char id User)

UpdateUser(Char id User, char Password ) InsertUser(Char id User, char Password )

: Void : Void : Void : VarChar : VarChar : VarChar : VarChar Hitunghasilujian() : Int Class Ujian Soal A No peserta nama : VarChar Kode soal Insertjawaban() : varChar : VarChar : varChar Class Ujian Soal B No peserta nama : VarChar Kode soal Insertjawaban() : varChar : VarChar : varChar Class Ujian Soal C No peserta nama : VarChar Kode soal Insertjawaban() : varChar : VarChar : varChar

Gambar 4.9 Class Diagram

4.7 Struktur Tabel

Struktur tabel merupakan urutan isi atau data – data item yang ada pada

tabel database. Rancangan struktur ini dimaksudkan untuk dapat melakukan

(11)

Struktur tabel yang terdapat pada komputer Aplikasi Tes Masuk Sekolah

Menengah Kejuruan Negeri 3 Tanjungpinang adalah sebagai berikut

Tabel 4.1 Struktur Tabel Ujian Soal

No Nama Field Type Size Keterangan 1 2 3 No. peserta Nama Kode soal Varchar Varchar Varchar 30 30 30 Primary Key

Tabel 4.2 Struktur Tabel Hasil Ujian

No Nama Field Type Size Keterangan

1 2 No.peserta Nama Varchar Varchar 14 30 Primary Key 4 Jumlah Nilai 5 Jurusan Varchar int 30 10

(12)

Tabel 4.3 Struktur Tabel Administrasi Peserta Ujian

No Nama Field Type Size Keterangan 1 2 3 No peserta Nama Alamat Varchar Varchar Varchar 14 30 30 Primary Key

4 Asal sekolah varchar 10

Tabel 4.4 Struktur Tabel pewaktu ujian

No Nama Field Type Size Keterangan 1 2 3 Jam Menit Detik Varchar Varchar Varchar 30 30 30

(13)

Tabel 4.5 Struktur Tabel Type Soal A

No Nama Field Type Size Keterangan 1 2 3 Kode soal No soal soal Varchar Varchar Varchar 14 30 30 Primary Key 4 A 5 B Varchar int 30 10 6 7 8 C D E Varchar Varchar Varchar 14 30 30 9 Kunci jawaban

10 Nilai persoal Varchar int

30 10

(14)

Tabel 4.6 Struktur Tabel Type Soal B

30 10

(15)

Tabel 4.7 Struktur Tabel Type Soal C

30 10

4.8 Entity Relationship Diagram

Komponen utama ERD adalah entitas, atribut, dan relasi. Entitas

merupakan individu yang mewakili sesuatu yang nyata dapat dibedakan dari yang

lain. Relasi merupakan adanya hubungan diantara sejumlah entitas yang berasal

dari entitas yang berbeda. Entity Relationship Diagram pada Aplikasi Tes Masuk

(16)

Soal ujian Hasil ujian Siswa/i M N N M Tes mendapat

Gambar 4.10 Entity Relationship Diagram

4.9 Perancangan Antar Muka

Perancangan antar muka diperlukan pada program aplikasi ini dengan

tujuan untuk mempermudah pengguna dalam menggunakan program aplikasi ini.

Dengan adanya antar muka ini berbagai pengguna baik yang awam, maupun yang

sudah berpengalaman dapat mengoperasikan program ini tanpa adanya kesulitan

yang besar. Program aplikasi tes masuk ini menggunakan jenis menu pull down

yaitu setiap menu memiliki sub menu masing – masing. Tujuan penggunaan jenis

menu ini adalah untuk mempermudah pengguna dalam memilih fitur yang akan

(17)

MENU UTAMA ADMIN

LAPORAN DATA PESERTA

PESERTA ADMIN ABOUT KELUAR

ADMIN PESERTA MATERI UJIAN SOAL SOAL TYPE A SOAL TYPE B ADMINISTR ASI ADMIN LAPORAN DATA ADMIN HASIL UJIAN SOAL TYPE C PEWAKTU UJIAN BANTUAN

Gambar 4.11 Struktur Menu

4.10 Perancangan Input

Desain input ini merupakan struktur masukan yang akan diproses program untuk mendapatkan informasi yang diinginkan.

(18)

LOGIN

Username Password CENCEL OK PESERTA UJIAN ADMIN LOGIN SEBAGAI LOGO

Gambar 4.12 Tampilan Login

ADMINISTRASI PESERTA UJIAN

No PESERTA NAMA SEKOLAH ASAL TANGGAL LAHIR NO PESERTA MODE PENCARIAN ID Otomatis tabel

BANTUAN PRINT UPDATE SIMPAN TAMBAH REFRESH

PENCARIAN

(19)

ADMINISTRATOR

NIP NAMA ADMIN NO TELPON ALAMAT NO PESERTA PASSWORD tabel

BANTUAN UPDATE SIMPAN TAMBAH REFRESH

PENCARIAN

Gambar 4.14 Tampilan Form Aministrator

SOAL TYPE A KODE SOAL NO SOAL A KUNCI JAWABAN SOAL E D C B NILAI PERSOAL NO SOAL MODE PENCARIAN tabel BANTUAN PRINT UPDATE SIMPAN TAMBAH REFRESH

(20)

BATAS WAKTU UJIAN

JAM DETIK MENIT SAVE REFRESH KELUAR

Gambar 4.16 Tampilan form pewaktu ujian

PEMILIHAN TYPE SOAL

A

B

C

(21)

4.11 Perancangan Output

Perancangan output merupakan tampilan yang berisi tentang berbagai

informasi yang diperlukan. Format ini dicetak ke dalam printer atau dapat

ditampilkan ke layar monitor. Rancangan output aplikasi di dapat setelah siswa

selesai melaksanakan tes masuk adalah sebagai berikut :

LOGO

LAPORAN HASIL UJIAN CALON SISWA BARU

Nama Jumlah jurusan

No _{No peserta}

SMK NEGERI 3 TANJUNGPINANG

TanjungPinang 31 Agustus 2012 Panitia Penerimaan Siswa Baru

ketua

(22)

LOGO

LAPORAN PESERTA UJIAN TEST MASUK

Nama Alamat Sekolah Asal

No peserta SMK NEGERI 3 TANJUNGPINANG

ketua

TAHUN AJARAN 2012/ 2013

No

Gambar 4.19 Tampilan laporan peserta ujian tes masuk siswa

LOGO PUSAT PENERIMAAN SISWA BARU SMK

NEGERI 3 TANJUNGPINANG

Ir zainal abidin MT

KARTU TANDA PESERTA UJIAN TEST MASUK

No Peserta : Nama : Sekolah Asal :

ketua