BAB III ANALISIS DAN PERANCANGAN Bab ini akan menjelaskan sistem analisis dan perancangan pada aplikasi Website Try out Seleksi Mahasiswa Baru Universitas Mercu Buana. 3.1 Identifikasi Masalah Try Out calon Mahasiswa/i baru merupakan salah satu hal terpenting bagi Universitas untuk menyeleksi calon Mahasiswa/i baru yang berkompeten. Selama ini Try Out dilakukan secara manual yaitu dengan menggunakan kertas soal yang diberikan. Aplikasi web Try out ini memberikan solusi dan manfaat yang baru untuk pihak Universitas, diantaranya : 1. Memberikan kemudahan bagi calon Mahasiswa/i yang akan mengikuti Try out di Universitas Mercu Buana 2. Menghemat waktu dan juga fleksibel dalam waktu pengerjaannya 3. Mempermudah Pihak kampus dalam melihat hasil Try Out Try Out secara manual masih memiliki beberapa kekurangan diantaranya Seperti : 1. Waktu yang terbuang untuk mempersiapkan tempat serta kertas Soal Try Out 2. Membutuhkan waktu untuk penilaian 3. Bisa saja terjadi kesalahan dalam penilaian pada Try Out
3.2 Analisa Kebutuhan Dalam melakukan penelitian, dibutuhkan beberapa komponen yang mendukung terhadap keberhasilan penelitian, yaitu : Perangkat lunak (software) -
Sistem operasi Windows 8 64 bit
-
Software XAMPP
-
Aplikasi moodle, filezilla Perangkat keras (hardware)
-
Notebook dan komputer
23 http://digilib.mercubuana.ac.id/
24
-
Gadget (handphone, tablet, dsb)
3.3 Analisa Kebutuhan Sistem Beberapa kebutuhan sistem yang penulis analisa adalah sebagai berikut : 1. Saat ini, Sistem Try Out yang ada pada Universitas Mercu Buana masih bersifat manual 2. Penilaian yang dilakukan adalah secara manual, yaitu dilakukan pengkoreksian oleh Pihak Universitas Mercu Buana 3.4 Perancangan Sistem Dalam pembuatan aplikasi Website try out ini, penulis menganalisa apa saja hal dan komponen yang dibutuhkan, diantaranya : 1. Didalam sistem ini terdapat soal-soal yang dapat dikerjakan langsung dan calon Mahasiswa/i juga dapat menjawabnya serta mengetahui nilai yang diperolehnya 2. Dalam aplikasi ini , soal berformat dalam Pilihan Ganda (multiple choice) 3. Pada website juga disediakan materi-materi yang berkaitan dengan soalsoal yang diberikan 4. Website ini hanya bisa diakses setelah calon Mahasiswa/i melakukan pendaftaran kepada pihak Universitas 3.4.1 Cara Kerja Sistem Cara Kerja aplikasi ini adalah Online, sehingga membutuhkan koneksi internet. Calon mahasiswa/i harus melakukan login dengan menggunakan Username dan password yang telah diberikan oleh pihak Universitas pada saat mendaftar. Setiap calon mahasiswa/i bisa mengerjakan soal-soal setelah diberitahukan waktu dan jadwal Try out dilaksanakan. Untuk pengerjaannya diberikan waktu 120 menit atau 2 jam. Database akan menyimpan seluruh aktivitas yang dilakukan oleh User.
http://digilib.mercubuana.ac.id/
25
3.5 Perancangan interface (antar muka) Pada tahap ini, penulis akan menjelaskan rancangan antar muka dari aplikasi Website Try Out seleksi Mahasiswa baru, tujuan dibuatnya rancangan antar muka ini adalah untuk sebagai gambaran bagaimana tampilan website yang akan dibuat yaitu yang user friendly serta mudah dalam penggunaannya.
Tabel 3.1 Interface
No
Tampilan
1
Keterangan Halaman Login Global
HEADER
Header : berisikan logo Navigasi : berisikan tombol bantuan untuk mengakses menu
NAVIGASI
dalam web LOGIN
Login
:
terdapat
kolom
username dan password untuk login Footer
: berisikan trade mark
pembuat aplikasi FOOTER
http://digilib.mercubuana.ac.id/
26
Lanjutan Tabel 3.1
2
Halaman Login Admin HEADER
Header : berisikan logo Navigasi : berisikan tombol bantuan untuk mengakses menu
NAVIGASI
dalam web NAVIGASI
Slide
KALENDER
Show
JAM
Navigasi admin : berisikan menu menu yang bisa diakses oleh admin Slide Show : berisikan gambargambar animasi Kalender dan jam
FOOTER
: berisikan
tanggal dan waktu Footer : berisikan trade mark pembuat aplikasi
3
Halaman Login User HEADER
Header : berisikan logo Navigasi : berisikan tombol bantuan untuk mengakses menu
NAVIGASI NAVIGASI
dalam web
Slide
KALENDER
Navigasi user : berisikan menu
Show
JAM
menu yang bisa diakses oleh user Slide Show : berisikan gambargambar animasi Kalender dan jam
FOOTER
: berisikan
tanggal dan waktu Footer
: berisikan trade mark
pembuat aplikasi
http://digilib.mercubuana.ac.id/
27
Lanjutan Tabel 3.1
4
Halaman Pembuka Soal HEADER
Header : berisikan logo Navigasi : berisikan tombol NAVIGASI Navigasi User
bantuan untuk mengakses menu dalam web
Instruksi Pengerjaan Test
Navigasi User : berisikan menu yang bisa diakses oleh user Instruksi
Pengerjaan
Test
:
Berisikan tata cara dan prosedur test Footer FOOTER
5
: berisikan trade mark
pembuat aplikasi
Halaman Soal HEADER
Header : berisikan logo Navigasi : berisikan tombol NAVIGASI Navigasi
bantuan untuk mengakses menu dalam web
SOAL
Test
Navigasi Test : Menunjukkan nomor soal test yang dikerjakan
TIMER
Soal dan timer : Berisikan soal dan timer (waktu) test Footer
: berisikan trade mark
pembuat aplikasi FOOTER
http://digilib.mercubuana.ac.id/
28
Lanjutan Tabel 3.1
6
Halaman Tambah soal HEADER
Header : berisikan logo Navigasi : berisikan tombol NAVIGASI NAVIGASI
TAMBAH SOAL
bantuan untuk mengakses menu dalam web Navigasi : berisikan menu admin Tambah soal : berisikan kolom untuk
menambah
soal
dan
pilihan ganda Footer FOOTER
7
: berisikan trade mark
pembuat aplikasi
Halaman Lihat nilai HEADER
Header : berisikan logo Navigasi : berisikan tombol NAVIGASI
bantuan untuk mengakses menu dalam web
NAVIGASI
USER REPORT
Navigasi
:
berisikan
menu
admin/user User report : berisikan nilai test calon mahasiswa/i Footer
: berisikan trade mark
pembuat aplikasi FOOTER
http://digilib.mercubuana.ac.id/
29
3.6 Pemodelan Use Case diagram Proses modeling fungsi-fungsi sistem dalam terminologi kejadian bisnis (business events) yang memicu peristiwa, dan bagaimana sistem menanggapi kejadian tersebut. Use case menggambarkan fungsionalitas yang diharapkan dari suatu sistem, menggambarkan hubungan antara aplikasi dan sistem. Tujuan pembuatan use case adalah untuk mendapatkan dan menganalisis informasi
persyaratan
yang
cukup
untuk
mempersiapkan
model
yang
mengkomunikasikan apa yang diperlukan dari perspektif pengguna, tetapi bebas dari detail fisik tentang bagaimana sistem akan dibangun dan diimplementasikan (Hendy Setiady, 2009). Pada Use case diagram digambarkan seorang aktor/ beberapa aktor dimana aktor adalah sebuah entitas yang menggambarkan manusia yang terhubung dengan sistem dan melakukan pekerjaan tertentu. Use case yang ada pada Website Try Out seleksi Mahasiswa Baru Universitas Mercu Buana ini terdapat tiga (3) aktor diantaranya yaitu Admin, Dosen, dan Calon Mahasiswa/i. Setiap aktor tersebut dihubungkan dengan pekerjaan masing-masing. Use case diagram dapat dilihat pada Gambar 3.2. Maintenance webiste
ADD SOAL
Dosen Edit/Delete SOAL
Admin Memberikan / Check Nilai
Mengerjakan SOAL
Gambar 3.2 Use Case Melihat Nilai
Calon Mahasiswa/i
http://digilib.mercubuana.ac.id/
30
Gambar diagram Use case tersebut menggambarkan bagaimana aktor pada Website Try Out seleksi Mahasiswa Baru Universitas Mercu Buana. Gambar karikatur manusia menggambarkan aktor, tanda panah menunjukkan pekerjaan dari tiap aktor, dan kolom berbentu eclipse berisi deskripsi pekerjaan dari tiap aktor.
3.6.1 Activity Diagram calon Mahasiswa/i membuka Halaman Test
Gambar 3.3 Activity Diagram Membuka halaman Test
Pada Gambar 3.3 diagram aktivitas calon mahasiswa/i membuka halaman test menggambarkan bahwa setelah calon mahasiswa/i mengakses menu halaman calon mahasiswa kemudian calon mahasiswa memilih tab Test yang ada pada navigasi web, dan setelah itu maka sistem akan menampilkan halaman depan Test, setelah itu jika calon Mahasiswa ingin mengerjakan test, maka sistem memanggil data Soal Test dari database
http://digilib.mercubuana.ac.id/
31
3.6.2 Skenario use case calon Mahasiswa/i membuka Halaman Test
Gambar 3.4 Skenario Use Case Membuka halaman Test
3.6.3 Sequence diagram calon Mahasiswa/i membuka Halaman Test
Gambar 3.5 Sequence Diagram Membuka halaman Test
Dalam Gambar 3.5 Sequence diagram membuka halaman test dijelaskan bahwa calon Mahasiswa mengakses halaman calon Mahasiswa, kemudian memilih menu Test, setelah itu sistem menampilkan halaman depan test dan kemudian sistem menampilkan soal Test yang ingin dikerjakan calon Mahasiswa/i.
http://digilib.mercubuana.ac.id/
32
3.6.4 Activity diagram mengerjakan soal
Gambar 3.6 Activity Diagram Mengerjakan Soal
Pada
gambar
diagram
aktifitas
mengerjakan
soal,
sistem
akan
menampilkan pilihan jenis soal yaitu multiple choice dan kemudian calon Mahasiswa memilih pilihan tersebut, kemudian sistem akan menampilkan data materi soal yang dipilih dari database dan setelah itu calon Mahasiswa mengerjakan soal tersebut. Setelah calon Mahasiswa selesai mengerjakan soal tersebut, maka sistem memproses jawaban tersebut dan menyimpan jawaban kedalam database untuk dilakukan koreksi.
http://digilib.mercubuana.ac.id/
33
3.6.5 Skenario use case mengerjakan soal
Gambar 3.7 Skenario Use Case Mengerjakan Soal
3.6.6 Sequence diagram mengerjakan soal
Gambar 3.8 Sequence Diagram Mengerjakan Soal
Pada diagram diatas ini dijelaskan bahwa calon mahasiswa memilih menu soal kemudian sistem menampilkan halaman soal. Selanjutnya calon Mahasiswa mengisi jawaban setelah soal telah dikerjakan maka sistem akan memproses
http://digilib.mercubuana.ac.id/
34
jawaban tersebut dan melakukan kalkulasi untuk perhitungan nilai dan hasil perhitungan jawaban tersebut disimpan kedalam database.
3.6.7 Activity Diagram melihat hasil test
Gambar 3.9 Activity Diagram Melihat Hasil Test
Pada Gambar 3.9 diagram aktivitas diatas menunjukan cara melihat hasil test yang telah dilakukan oleh calon Mahasiswa. Calon Mahasiswa memilih tab menu hasil kemudian sistem akan memanggil data nilai dari database dan kemudian nilai ditampilkan oleh sistem.
http://digilib.mercubuana.ac.id/
35
3.6.8 Skenario use case melihat hasil test
Gambar 3.10 Skenario Use Case Melihat Hasil Test
3.6.9 Sequence diagram melihat hasil test
Gambar 3.11 Sequence Diagram Melihat Hasil Test
Pada Gambar 3.11 sequence diagram diatas calon Mahasiswa mengakses halaman Calon Mahasiswa kemudian memilih menu hasil maka sistem menampilkan hasil dari database. Setelah data dipanggil dari database maka halaman akan menampilkan hasil test.
http://digilib.mercubuana.ac.id/
36
3.7 Class Diagram Menurut
Bentley
dan
Whitten
(2007,
p400),
class
diagram
menggambarkan struktur sistem suatu objek. Diagram ini menampilkan kelaskelas objek yang sistemnya tersusun seperti hubungan antara kelas objek. Class diagram Website Try Out Seleksi Mahasiswa/i Universitas Mercu Buana dapat dilihat pada Gambar 3.12.
Gambar 3.12 Class Diagram Program Website Try Out
http://digilib.mercubuana.ac.id/