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.1 Perancangan 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 awasi oleh petugas.
46
47
login
Proses tes
Siswa dan siswi
Tes selesai
Melihat hasil UJian
system
Mengambil hasil ujian
petugas
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 4. Siswa/i memilih tipe soal ujian tes masuk.
48
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 System
Siswa dan siswi
Siswa/i menggikuti ujian tes masuk
Start
Siswa datang
Siswa masuk ruangan
Panitia tes ujian
Input user dan ID Input user dan ID lagi
ID tidak ok
jika ID ok Tipe soal ujian Tipe soal A
Tipe soal C Tipe soal B
Ujian dan pewaktu berjalan
Pewaktu habis
jika
Pewaktu belum habis
jika
Ujian belum selesai
Ujian selesai
Program ditutup siswa/i
Ptogram close
Lapor panitia tes selesai
Siswa keluar ruagan
End
Panitia ujian memberikan laporan
49
Gambar 4.2 Activity Diagram proses tes masuk System
admin
Panitia tes ujian
Start Admin masuk ke sistem
Melihat hasil ujian
print
backup
pdf
Hasil ujian keluar
Admin menyerahkan hasil ujian
word
Ujian selesai
Menerima hasil ujian
Menempelkan hasil ujian
End
Gambar 4.3 Activity Diagram hasil ujian siswa
50
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 5. Jika nilai > 90 dan nilai <=100 masuk jurusan Teknik Elektronika
51
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 masuk kedalam ruangan tes Siswa/i login dan input didalam system tes masuk Jika ID ok maka akan tampil pemilihan soal 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 Proses tes dimulai dan waktu tes aktif Setelah siswa selesai tes, menjawab semua soal dan mengisi jawaban di system Siswa/i mengonkonfermasi kepetugas bahwa tes telah selesai Siswa keluar dari ruangan.
Gambar 4.5 Skenario sistem tes masuk 4.3
Sequence Diagram
Sequence diagram digunakan untuk menggambarkan prilaku pada sebuah scenario. Kegunaannya untuk menunjukkan rangkaian pesan yang dikirim antara
52
object juga interaksi antara object, sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem.
Siswa dan siswi
system
petugas
Siswa masuk dalam ruangan Siswa login ID ok, keluar tipe soal Siswa memilih tipe soal ujian ID ok, soal ujian keluar,pengisi jawaban dan waktu ujian dimulai ID tidak ok, siswa input lagi ID Siswa melakukan proses tes Siswa selesai proses tes waktu habis Siswa konfermasi telah selesai tes
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 konteks gunakan collaboration diagram.
53
-Siswa datang -Siswa login -Siswa input ID lagi - Siswa dan siswi melakukan proses tes - Siswa memilih tipe soal ujian - Siswa dan siswi selesai waktu habis
-Siswa keluar ruangan
SISWA dan SISWI
SYSTEM -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 dan siswi konfermasi selesai tes
PETUGAS
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 oleh state yang berbeda.
54
Pesan error
Do: login
Sebagai peserta
Input data
Do : pilihan tipe soal ujian
Memilih type soal
Tampil form ujian tipe A
Tampil form ujian tipe B Tampil form ujian tipe C
Pesan error
Tes selesai
Tes selesai Waktu habis
Waktu habis
Tes selesai
Program tersimpan dan close
Waktu habis
Sebagai admin
Pewaktu Ujian Setting waktu ujian
Input, id, user
keluar Keluar
bantuan
Menu Utama Admin
Soal ujian
Materi Ujian
Tipe soal A Simpan Edit Tambah data Hapus Update reflesh
about
Hasil Ujian
peserta
admin
Form close
Form close Form close
Laporan Export hasil ujian
Cetak hasil ujian
ADM peserta Simpan Edit Tambah data Hapus Update Reflesh Laporan Cetak Kartu
administrasi 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
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 dalam visualisasi struktur kelas dari suatu sistem.
55
Class login Id User Password Jenis User
: varChar : varChar : varChar
CekJenis(Char id User) CekPassword(Char id User) CekUser(Char id User) DeleteUser(Char id User) UpdateUser(Char id User, char Password, char Jenis User) InsertUser(Char id User, char Password, char Jenis User) ListUser(Char Jenis User)
Class Administrasi peserta ujian No peserta : VarChar nama : Var Char alamat : VarChar Asal sekolah : VarChar DeleteUser(Char id User) : Void UpdateUser(Char id User, char Password ) : Void InsertUser(Char id User, char Password ) : Void
Class Ujian Soal No peserta nama Kode soal Insertjawaban()
: Char : Boolean : Boolean : Void : Void : Void : Array
: VarChar : VarChar : VarChar : varChar
Class Ujian Soal A No peserta : varChar nama : VarChar Kode soal : VarChar
Class Ujian Soal B No peserta : varChar nama : VarChar Kode soal : VarChar
Class Ujian Soal C No peserta : varChar nama : VarChar Kode soal : VarChar
Insertjawaban() : varChar
Insertjawaban() : varChar
Insertjawaban() : varChar
Class Hasil Ujian : VarChar : VarChar : VarChar : Int : VarChar
No peserta Nama Kode soal Jumlah nilai Jurusan Hitunghasilujian()
: Int
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 kegiatan – kegiatan dalam pencarian data untuk mempermudah kerja sistem.
56
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
No. peserta
Varchar
30
Primary Key
2
Nama
Varchar
30
3
Kode soal
Varchar
30
Tabel 4.2 Struktur Tabel Hasil Ujian
No
Nama Field
Type
Size
Keterangan
1
No.peserta
Varchar
14
Primary Key
2
Nama
Varchar
30
4
Jumlah Nilai
int
10
5
Jurusan
Varchar
30
57
Tabel 4.3 Struktur Tabel Administrasi Peserta Ujian
No
Nama Field
Type
Size
Keterangan
1
No peserta
Varchar
14
Primary Key
2
Nama
Varchar
30
3
Alamat
Varchar
30
4
Asal sekolah
varchar
10
Tabel 4.4 Struktur Tabel pewaktu ujian
No
Nama Field
Type
Size
1
Jam
Varchar
30
2
Menit
Varchar
30
3
Detik
Varchar
30
Keterangan
58
Tabel 4.5 Struktur Tabel Type Soal A
No
Nama Field
Type
Size
Keterangan
1
Kode soal
Varchar
14
Primary Key
2
No soal
Varchar
30
3
soal
Varchar
30
4
A
int
10
5
B
Varchar
30
6
C
Varchar
14
7
D
Varchar
30
8
E
Varchar
30
9
Kunci jawaban
int
10
10
Nilai persoal
Varchar
30
59
Tabel 4.6 Struktur Tabel Type Soal B
No
Nama Field
Type
Size
Keterangan
1
Kode soal
Varchar
14
Primary Key
2
No soal
Varchar
30
3
soal
Varchar
30
4
A
int
10
5
B
Varchar
30
6
C
Varchar
14
7
D
Varchar
30
8
E
Varchar
30
9
Kunci jawaban
int
10
10
Nilai persoal
Varchar
30
60
Tabel 4.7 Struktur Tabel Type Soal C
4.8
No
Nama Field
Type
Size
Keterangan
1
Kode soal
Varchar
14
Primary Key
2
No soal
Varchar
30
3
soal
Varchar
30
4
A
int
10
5
B
Varchar
30
6
C
Varchar
14
7
D
Varchar
30
8
E
Varchar
30
9
Kunci jawaban
int
10
10
Nilai persoal
Varchar
30
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 Sekolah Menengah Kejuruan Negeri 3 Tanjungpinang adalah sebagai berikut :
61
Siswa/i
M
Tes
N
Soal ujian
M
mendapat
N
Hasil ujian
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 digunakan oleh admin. Untuk lebih jelasnya dapat dilihat pada gambar berikut:
62
MENU UTAMA ADMIN
PESERTA
MATERI UJIAN
PEWAKTU UJIAN
ADMIN PESERTA
SOAL
ADMINISTR ASI ADMIN
LAPORAN DATA PESERTA
SOAL TYPE A
LAPORAN DATA ADMIN
ADMIN
HASIL UJIAN
BANTUAN
ABOUT
SOAL TYPE B
SOAL TYPE C
Gambar 4.11 Struktur Menu 4.10
Perancangan Input Desain input ini merupakan struktur masukan yang akan diproses
program untuk mendapatkan informasi yang diinginkan.
KELUAR
63
LOGIN
LOGO Username LOGIN SEBAGAI
PESERTA UJIAN ADMIN
Password
CENCEL
OK
Gambar 4.12 Tampilan Login
ADMINISTRASI PESERTA UJIAN No PESERTA
ID Otomatis
NAMA TANGGAL LAHIR SEKOLAH ASAL BANTUAN
PRINT
UPDATE
SIMPAN
TAMBAH
REFRESH
MODE PENCARIAN NO PESERTA
PENCARIAN
Gambar 4.13 Tampilan Form Administrasi peserta ujian
tabel
64
ADMINISTRATOR NIP NAMA ADMIN ALAMAT NO TELPON PASSWORD
BANTUAN
UPDATE
SIMPAN
TAMBAH
NO PESERTA
REFRESH
tabel
PENCARIAN
Gambar 4.14 Tampilan Form Aministrator
SOAL TYPE A KODE SOAL
SOAL
NO SOAL KUNCI JAWABAN
A
NILAI PERSOAL
B C
MODE PENCARIAN NO SOAL
D E BANTUAN
PRINT
UPDATE
SIMPAN
TAMBAH
REFRESH
Gambar 4.15 Tampilan Form Soal type A
tabel
65
BATAS WAKTU UJIAN JAM MENIT DETIK REFRESH
SAVE
KELUAR
Gambar 4.16 Tampilan form pewaktu ujian
PEMILIHAN TYPE SOAL
A
B
C
Gambar 4.17 Tampilan form pemilihan type soal
66
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
SMK NEGERI 3 TANJUNGPINANG
LAPORAN HASIL UJIAN CALON SISWA BARU No
No peserta
Nama
Jumlah
jurusan
TanjungPinang 31 Agustus 2012 Panitia Penerimaan Siswa Baru ketua
Gambar 4.18 Tampilan laporan hasil ujian calon siswa baru
67
LOGO
SMK NEGERI 3 TANJUNGPINANG
LAPORAN PESERTA UJIAN TEST MASUK TAHUN AJARAN 2012/ 2013 No
Nama
No peserta
Alamat
Sekolah Asal
TanjungPinang 31 Agustus 2012 Panitia Penerimaan Siswa Baru ketua
Gambar 4.19 Tampilan laporan peserta ujian tes masuk siswa
LOGO
PUSAT PENERIMAAN SISWA BARU SMK NEGERI 3 TANJUNGPINANG
KARTU TANDA PESERTA UJIAN TEST MASUK No Peserta
:
Nama
:
Sekolah Asal :
TanjungPinang 31 Agustus 2012 Panitia Penerimaan Siswa Baru ketua Ir zainal abidin MT
Gambar 4.20 Tampilan kartu tanda peserta ujian tes masuk siswa
