BAB III ANALISIS DAN PERANCANGAN

Transkripsi

1 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

2 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 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.

3 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 Keterangan 1 Halaman Login Global HEADER LOGIN Header : berisikan logo Navigasi : berisikan tombol bantuan untuk mengakses menu dalam web Login : terdapat kolom username dan password untuk login Footer : berisikan trade mark pembuat aplikasi FOOTER

4 26 Lanjutan Tabel Halaman Login Admin HEADER Slide Show FOOTER KALENDER JAM Header : berisikan logo Navigasi : berisikan tombol bantuan untuk mengakses menu dalam web Navigasi admin : berisikan menu menu yang bisa diakses oleh admin Slide Show : berisikan gambargambar animasi Kalender dan jam : 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 dalam web Slide Show KALENDER JAM Navigasi user : berisikan menu menu yang bisa diakses oleh user Slide Show : berisikan gambargambar animasi Kalender dan jam : berisikan FOOTER tanggal dan waktu Footer : berisikan trade mark pembuat aplikasi

5 27 Lanjutan Tabel Halaman Pembuka Soal Navigasi User HEADER Instruksi Pengerjaan Test FOOTER Header : berisikan logo Navigasi : berisikan tombol bantuan untuk mengakses menu dalam web Navigasi User : berisikan menu yang bisa diakses oleh user Instruksi Pengerjaan Test : Berisikan tata cara dan prosedur test Footer : berisikan trade mark pembuat aplikasi 5 Halaman Soal Navigasi Test HEADER SOAL TIMER FOOTER Header : berisikan logo Navigasi : berisikan tombol bantuan untuk mengakses menu dalam web Navigasi Test : Menunjukkan nomor soal test yang dikerjakan Soal dan timer : Berisikan soal dan timer (waktu) test Footer : berisikan trade mark pembuat aplikasi

6 28 Lanjutan Tabel Halaman Tambah soal HEADER Header : berisikan logo Navigasi : berisikan tombol TAMBAH SOAL bantuan untuk mengakses menu dalam web Navigasi : berisikan menu admin Tambah soal : berisikan kolom untuk menambah soal dan pilihan ganda Footer : berisikan trade mark FOOTER pembuat aplikasi 7 Halaman Lihat nilai HEADER USER REPORT FOOTER Header : berisikan logo Navigasi : berisikan tombol bantuan untuk mengakses menu dalam web Navigasi : berisikan menu admin/user User report : berisikan nilai test calon mahasiswa/i Footer : berisikan trade mark pembuat aplikasi

7 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 Dosen ADD SOAL Edit/Delete SOAL Memberikan / Check Nilai Admin Mengerjakan SOAL Gambar 3.2 Use Case Calon Mahasiswa/i Melihat Nilai

8 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 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

9 Skenario use case calon Mahasiswa/i membuka Halaman Test Gambar 3.4 Skenario Use Case Membuka halaman Test 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.

10 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.

11 Skenario use case mengerjakan soal Gambar 3.7 Skenario Use Case Mengerjakan Soal 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

12 34 jawaban tersebut dan melakukan kalkulasi untuk perhitungan nilai dan hasil perhitungan jawaban tersebut disimpan kedalam database 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.

13 Skenario use case melihat hasil test Gambar 3.10 Skenario Use Case Melihat Hasil Test 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.

14 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 Gambar 3.12 Class Diagram Program Website Try Out