Use Case Diagram Test TOEFL Use Case Diagram Administrator RCEP Sequence Diagram Login pada Test TOEFL State Chart Diagram pada Test TOEFL

DI GI T VOL.1 NO.1 – MEI 2011 48 3. HTML Selain dari kedua media tersebut masih membutuhkan sebuah media lagi yaitu HTML Hypertext Markup Languange, yaitu sebuah bahasa scripting yang dapat mengasilkan halaman website sehingga halaman tersebut dapat diakses pada setiap komputer pengakses Client. PEMBAHASAN Analisis Sistem Tahap analisis sistem adalah tahap penguraian dari suatu sistem yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat dibuat rancangan sistem yang baru yang sesuai dengan kebutuhan sebagai berikut: 1. Analisis Permasalahan Suatu permasalahan tidak akan terjadi dengan sendirinya, tetapi pasti ada penyebabnya, Aplikasi Test TOEFL Berbasis Web ini dibuat berdasarkan adanya permasalahan-permasalahan yang timbul diantaranya, sistem pelaksanaan Test TOEFL yang masih semi komputerisasi dimana media Test TOEFL dan informasi aat ini tidak bisa dilakukan secara online masih menggunakan software. Proses pada update Test TOEFL secara online belum terealisasikan masih memakai metode yang lama. 2. Analisis Kebutuhan Desain sistem yang akan dibuat memerlukan beberapa kebutuhan data masukan, kebutuhan data keluaran dan kebutuhan antar muka. Tujuan analisis kebutuhan adalah untuk menentukan spesifikasi fungsi, kemampuan serta fasilitas dari program. Analisis kebutuhan juga bermanfaat sebagai dasar evaluasi setelah program selesai disusun. • Kebutuhan Data Masukan Pembuatan Aplikasi Test TOEFL Berbasis Web ini membutuhkan beberapa masukan data diantaranya adalah : data Soal TOEFL Listening Comprehension, Structure and Written Expression, Reading Comprehension dan data Pengguna dosen, mahasiswa dan administrator. • Kebutuhan Data Keluaran Data keluaran adalah data yang dihasilkan dari data masukan yang telah diolah. Adapun output yang dihasilkan yaitu : Soal TOEFL, nilai TOEFL, dan laporan peserta Ujian TOEFL. • Kebutuhan Antarmuka Berdasarkan hasil pengamatan, antar muka yang diinginkan harus dengan tampilan sebaik mungkin, sehingga ramah bagi pengguna artinya pengguna dapat menggunakan perangkat lunak yang dibuat dengan senyaman mungkin dan mengurangi kesalahan dalam memasukkan data, proses maupun keluarannya. Perancangan Sistem Dalam perancangan Aplikasi Test TOEFL berbasis web ini menggunakan program Visual Paradigma for UML 4.0. Unified Modelling Language UML merupakan metode pengembangan perangkat lunak sistem informasi dengan menggunakan metode grafis serta merupakan bahasa untuk visualisasi, spesifikasi, konstruksi serta dokumentasi.

1. Use Case Diagram Test TOEFL

Berdasarkan gambar 1. Use Case Diagram bagian Test TOEFL yang diusulkan terdapat: a. Satu sistem yang mencangkup kegiatan pada saat Test TOEFL secara online.

b. 7 Use Case yang dapat dilakukan oleh actor tersebut diantaranya membuka halaman login,

login, tampil halaman menu utama, membuka menu listening, menu reading, menu written, keluar. DI GI T VOL.1 NO.1 – MEI 2011 49 Gambar 1. Use Case Diagram Test TOEFL

2. Use Case Diagram Administrator RCEP

Gambar 2 Use Case Diagram Administrator RCEP Berdasarkan gambar 2. Use Case Diagram Administrator RCEP yang diusulkan terdapat: 1. 1 sistem yang mencangkup kegiatan pengolahan data up to date pada Test TOEFL. 2. Terdapat dua actor yang dapat melakukan kegiatan didalam sistem, diantaranya Dosen, dan Administrator. 3. 7 use case yang dapat dilakukan oleh actor tersebut diantaranya login, tampil halaman utama, membuka menu listening, menu reading, menu written, menu daily news, keluar. DI GI T VOL.1 NO.1 – MEI 2011 50

3. Sequence Diagram Login pada Test TOEFL

Gambar 3. Sequence Diagram Login pada Test TOEFL Berdasarkan gambar 3. Sequence Diagram login pada Test TOEFL terdapat : a. 6 Life Line antar muka yang saling berinteraksi. b. 1 actor yang melakukan kegiatan yaitu MahasiswaKaryawan. c. 10 multiplicity, hubungan antara objek yang satu dengan objek lainnya yang mempunyai nilai. 4. Sequence Diagram pada Login Admin RCEP Gambar 4 Sequence Diagram pada Login Admin RCEP Berdasarkan gambar 4 Sequence Diagram pada admin RCEP terdapat : a. 10 Life Line antar muka yang saling berinteraksi. b. 1 actor yang melakukan kegiatan yaitu dosenAdministrator. c. 14 multiplicity, hubungan antara objek yang satu dengan objek lainnya yang mempunyai nilai. DI GI T VOL.1 NO.1 – MEI 2011 51

5. State Chart Diagram pada Test TOEFL

Gambar 5 State Chart Diagram pada Test TOEFL Berdasarkan gambar 5. State Chart Diagram terdapat: a. 1 Initial Pseudo State, sebagai awal objek. b. 9 State, nilai atribut dan nilai link pada suatu waktu tertentu, yang dimiliki oleh suatu objek tersebut. c. 1 Final State, objek yang diakhiri.

6. State Chart Diagram pada Administrator RCEP