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 Siswa dan siswi Start System Siswa/i menggikuti ujian tes masuk Panitia tes ujian Siswa datang Input user dan ID Siswa masuk ruangan Input user dan ID lagi ID tidak ok jika ID ok Tipe soal A Tipe soal ujian Tipe soal B Tipe soal C 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 Panitia ujian memberikan laporan End
49 Gambar 4.2 Activity Diagram proses tes masuk admin System Panitia tes ujian Start Admin masuk ke sistem Melihat hasil ujian print backup pdf word Hasil ujian keluar Ujian selesai Admin menyerahkan hasil ujian 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. 4.3 Sequence Diagram Gambar 4.5 Skenario sistem tes masuk 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 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 system petugas Siswa keluar ruangan 4.4 Collaboration Diagram Gambar 4.6 Sequence 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 keluar ruangan SISWA dan SISWI -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 -ID ok, sola ujian keluar,pengisi jawaban dan waktu ujian dimulai - ID tidak ok, input id dan nama lagi - ID ok, keluar tipe soal SYSTEM - siswa dan siswi konfermasi selesai tes PETUGAS 4.5 Diagram State Chart Gambar 4.7 Collaboration Diagram 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 Do: login Pesan error Input data Sebagai peserta Memilih type soal Do : pilihan tipe soal ujian Tampil form ujian tipe A Tes selesai Waktu habis Tes selesai Pesan error Tampil form ujian tipe C Tampil form ujian tipe B Tes selesai Waktu habis Program tersimpan dan close Waktu habis keluar bantuan Sebagai admin Input, id, user Menu Utama Admin Pewaktu Ujian Setting waktu ujian Keluar Materi Ujian Soal ujian about Hasil Ujian Laporan Export hasil ujian Cetak hasil ujian peserta ADM peserta Simpan Edit Tambah data Hapus Update Reflesh Laporan Cetak Kartu admin administrasi Simpan Edit Tambah data Hapus Update reflesh Form close Form close Form close 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 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 Id User Password Jenis User Class login : 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) : Char : Boolean : Boolean : Void : Void : Void : Array No peserta nama Kode soal Insertjawaban() Class Ujian Soal : varchar Class Administrasi peserta ujian No peserta nama : Var Char alamat Asal sekolah DeleteUser(Char id User) : Void UpdateUser(Char id User, char Password ) : Void InsertUser(Char id User, char Password ) : Void Class Ujian Soal A No peserta : varchar nama Kode soal Class Ujian Soal B No peserta : varchar nama Kode soal Class Ujian Soal C No peserta : varchar nama Kode soal Insertjawaban() : varchar Insertjawaban() : varchar Insertjawaban() : varchar No peserta Nama Kode soal Jumlah nilai Jurusan Hitunghasilujian() Class Hasil Ujian : Int : 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 Primary Key 2 Nama 3 Kode soal Tabel 4.2 Struktur Tabel Hasil Ujian No Nama Field Type Size Keterangan 1 No.peserta 14 Primary Key 2 Nama 4 Jumlah Nilai int 10 5 Jurusan
57 Tabel 4.3 Struktur Tabel Administrasi Peserta Ujian No Nama Field Type Size Keterangan 1 No peserta 14 Primary Key 2 Nama 3 Alamat 4 Asal sekolah varchar 10 Tabel 4.4 Struktur Tabel pewaktu ujian No Nama Field Type Size Keterangan 1 Jam 2 Menit 3 Detik
58 Tabel 4.5 Struktur Tabel Type Soal A No Nama Field Type Size Keterangan 1 Kode soal 14 Primary Key 2 No soal 3 soal 4 A int 10 5 B 6 C 14 7 D 8 E 9 Kunci jawaban int 10 10 Nilai persoal
59 Tabel 4.6 Struktur Tabel Type Soal B No Nama Field Type Size Keterangan 1 Kode soal 14 Primary Key 2 No soal 3 soal 4 A int 10 5 B 6 C 14 7 D 8 E 9 Kunci jawaban int 10 10 Nilai persoal
60 Tabel 4.7 Struktur Tabel Type Soal C No Nama Field Type Size Keterangan 1 Kode soal 14 Primary Key 2 No soal 3 soal 4 A int 10 5 B 6 C 14 7 D 8 E 9 Kunci jawaban int 10 10 Nilai persoal 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 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 MATERI PEWAKTU HASIL PESERTA ADMIN BANTUAN ABOUT KELUAR UJIAN UJIAN UJIAN ADMIN PESERTA SOAL ADMINISTR ASI ADMIN LAPORAN DATA PESERTA SOAL TYPE A LAPORAN DATA ADMIN 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.
63 LOGO LOGIN 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 tabel Gambar 4.13 Tampilan Form Administrasi peserta ujian
64 ADMINISTRATOR NIP NAMA ADMIN ALAMAT NO TELPON PASSWORD BANTUAN UPDATE SIMPAN TAMBAH REFRESH NO PESERTA PENCARIAN tabel Gambar 4.14 Tampilan Form Aministrator SOAL TYPE A KODE SOAL SOAL NO SOAL A B C D KUNCI JAWABAN NILAI PERSOAL MODE PENCARIAN NO SOAL E BANTUAN PRINT UPDATE SIMPAN TAMBAH REFRESH tabel Gambar 4.15 Tampilan Form Soal type A
65 BATAS WAKTU UJIAN JAM MENIT DETIK SAVE REFRESH 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 No peserta Nama 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