30
BAB III
ANALISA DAN PERANCANGAN
Sistem e-learning yang menggunakan modul aplikasi moodle telah digunakan oleh Universitas Mercu Buana sejak tahun 2008. Dengan diterapkannya sistem e-learning ini, materi kuliah tidak lagi disampaikan dalam tatap muka antara dosen dan mahasiswa secara penuh, melainkan dengan metode penyampaian materi perkuliahan secara online. Dengan metode ini semua dosen dan mahasiswa yang terlibat harus terhubung dengan internet untuk dapat mengakses sistem e-learning untuk “menghadiri” proses perkuliahan.
Dalam proses e-learning, dosen-dosen berkewajiban untuk memberikan materi perkuliahan dan juga ujian yang biasa disebut dengan quiz untuk mahasiswa-mahasiswanya. Untuk membuat quiz, moodle telah menyediakan fasilitas atau menu yang bisa digunakan oleh dosen-dosen secara online dengan cara mengetik semua soal-soal dan jawaban-jawaban di form-form yang sudah disediakan didalamnya. Selain itu, moodle juga menyediakan fasilitas upload file yang berisi soal-soal beserta jawaban-jawabannya dalam berbagai format. Salah satu formatnya adalah format GIFT. Untuk membuat file dengan format GIFT ini, dosen-dosen harus memiliki pengetahuan tentang tata cara penulisan yang sudah standar sesuai dengan format GIFT.
Pada dasarnya aplikasi ini dibangun untuk membantu dosen-dosen dalam membuat soal-soal berikut jawaban-jawaban dengan format GIFT berikut fasilitas Upload file gambar sehingga memudahkan dosen-dosen untuk membuat soal dengan attachment gambar kapanpun dan dimanapun tanpa harus selalu terhubung dengan internet.
Dalam bab ini penulis akan menceritakan tentang analisa program, mulai dari identifikasi input hingga output. Juga perancangan aplikasi yang menggambarkan tentang pemodelan DFD, Flowchart dan perancangan User Interface dari aplikasi ini.
Berdasarkan uraian sebelumnya, maka struktur penulisan di bab ini dimulai dari pembahasan tentang analisa input, proses hingga output. Kemudian dilanjutkan dengan perancangan tampilan aplikasi. Selanjutnya dilanjutkan
dengan diagram aliran data tentang bagaimana aplikasi ini berjalan dan desain antar muka dari aplikasi ini.
3.1 IDENTIFIKASI KEBUTUHAN INPUT DAN OUTPUT
3.1.1 Identifikasi Input
Dalam aplikasi pembuatan soal pilihan ganda ini memanfaatkan input dari perangkat keras external, berupa mouse dan keyboard. Aplikasi ini diperuntukkan kepada dosen-dosen yang telah memiliki user account di sistem e-learning Universitas Mercu Buana.
Sesaat setelah aplikasi dijalankan user akan langsung dihadapkan pada form input dengan isian berupa:
1. Jenis pertanyaan (Multiple Choice, True/False atau Matching), 2. Uraian pertanyaan,
3. Uraian jawaban (8 jawaban),
4. Persentase bobot nilai dari masing-masing jawaban,
5. Pilihan untuk menentukan bahwa jawaban itu benar atau salah, 6. Uraian pesan notifikasi untuk jawaban yang dipilih,
7. Fasilitas untuk menyisipkan jawaban di antara uraian pertanyaan, 8. Fasilitas untuk menyisipkan gambar di antara uraian pertanyaan,
9. Fasilitas penghitungan persentase bobot nilai dari masing-masing jawaban secara otomatis,
10. Fasilitas manipulasi data soal (buat soal baru, hapus soal dan simpan soal),
11. Fasilitas import file yang berisi soal-soal yang pernah dibuat,
12. Fasilitas export soal yang sudah dibuat ke dalam file dengan format GIFT,
13. Fasilitas upload file gambar yang akan disisipkan dengan terlebih dahulu memverifikasi masukan username dan password yang terdaftar di sistem e-learning, dan
3.1.2 Analisa Kebutuhan dan Sistem yang Diharapkan
Aplikasi pembuatan soal pilihan ganda ini dapat menghasilkan output berupa file soal-soal e-learning dalam format GIFT sehingga dapat dibaca oleh sistem e-learning Universitas Mercu Buana. Selain itu aplikasi ini juga dapat menyimpan dan membuka file yang berisi soal-soal yang sudah pernah dibuat sebelumnya.
3.2 PERANCANGAN APLIKASI
Perancangan untuk aplikasi pembuatan soal pilihan ganda ini meliputi perancangan dengan pemodelan DFD, flowchart dan perancangan User Interface.
3.2.1 Pemodelan DFD
DFD untuk aplikasi pembuatan soal pilihan ganda ini dibagi menjadi 2, yaitu DFD level 0 dan DFD level 1.
1. DFD Level 0 Gambar 3.1 DFD Level 0 File Gambar Form Soal dan Jawaban User (Dosen) Sistem e‐Learning Membuat Soal dan Jawaban File Soal File GIFT Upload File Gambar A B
2. DFD Level 1
Gambar 3.2 DFD Level 1 Proses A
Data Soal dan Jawaban
Data Soal dan Jawaban Form Soal dan Jawaban Rekam Soal dan Jawaban File Soal File GIFT A.1 Konversi Soal dan Jawaban A.2 Simpan Soal dan Jawaban A.3 Data File Buka dan Baca Data File A.4
Gambar 3.3 DFD Level 1 Proses B 3.2.2 Flowchart
1. Membuat soal baru
Gambar 3.4 Flowchart proses membuat soal baru
START END Kosongkan Semua Textbox Simpan Soal Terlebih Dahulu? Simpan Soal Y Status Hasil Upload Data HTTP Response Data HTTP Request Data Binary Gambar File Gambar Konversi Gambar Ke Binary Data HTTP Request B.1 Buat Data HTTP Request B.2 Baca Data HTTP Response B.3 Sistem e‐Learning Data HTTP Response
2. Perancangan form soal Multiple Choice
Gambar 3.5 Flowchart form soal Multiple Choice
3. Perancangan form soal True/False
Gambar 3.6 Flowchart form soal True/False
START END Tampilkan Textbox Jawaban, Textbox Persentase dan Checkbox Jawaban Benar/Salah Dari 1 s/d 4, Tampilkan tombol Sisipkan Jawaban, Tombol Sisipkan Gambar, Tombol Hitung Persen dan Tombol Navigasi Antar‐Jawaban dan Sembunyikan Checkbox Soal Benar/Salah dan Textbox Jawaban Matching Dari 1 s/d 4 START END Sembunyikan Textbox Jawaban, Textbox Persentase, Checkbox Jawaban Benar/Salah dan Textbox Jawaban Matching Dari 1 s/d 4, Sembunyikan tombol Sisipkan Jawaban, Tombol Sisipkan Gambar, Tombol Hitung Persen dan Tombol Navigasi Antar‐Jawaban dan Tampilkan Checkbox Soal Benar/Salah
4. Perancangan form soal Matching
Gambar 3.7 Flowchart form soal Matching
5. Menyisipkan jawaban ke dalam soal
Gambar 3.8 Flowchart menyisipkan jawaban ke dalam soal
START END Cari Posisi Cursor Terakhir Di Textbox Pertanyaan Tambahkan Kode Sisipan Jawaban Setelah Cursor START END Sembunyikan Textbox Jawaban, Textbox Persentase, Checkbox Jawaban Benar/Salah Dari 1 s/d 4 dan Checkbox Soal Benar/Salah, Sembunyikan tombol Sisipkan Jawaban, Tombol Sisipkan Gambar, Tombol Hitung Persen dan Tombol Navigasi Antar‐Jawaban dan Tampilkan Textbox Jawaban Matching dari 1 s/d 4
6. Menyisipkan gambar ke dalam soal
Gambar 3.9 Flowchart menyisipkan gambar ke dalam soal
Y Ada START END Copy File Gambar Ke Direktori Gambar Tambahkan Kode Sisipan Gambar Setelah Cursor Direktori Gambar Pilih File Gambar Buat Direktori Gambar Cari Posisi Cursor Terakhir Di Textbox Pertanyaan
7. Menghitung persentase jawaban
Gambar 3.10 Flowchart menghitung persentase jawaban
N Y N Y Y START END I ≤ 7 Jawaban Ke‐ I Benar? I = I + 1 I = 0, J = 0 Benar = 0 Benar = Benar + 1 Jawaban Ke‐ I Kosong? I = 0 I < J Jawaban Ke‐ I Benar? I = I + 1 Persen = 100 / Benar J = J + 1 Persen = 0 – (100 / (J – Benar))
8. Memasukkan pesan yang akan ditampilkan jika jawaban dipilih
Gambar 3.11 Flowchart memasukkan pesan
N Y START END Masukkan Isi Pesan Simpan/Update Data Isi Pesan Tombol Ditekan = F1 Isi Pesan Kosong? Hapus Data Isi Pesan
9. Navigasi antar-jawaban
Gambar 3.12 Flowchart navigasi antar-jawaban
10. Menyimpan soal dan jawaban
Gambar 3.13 Flowchart menyimpan soal dan jawaban
Y START END Tampilkan Box Jawaban 1 s/d 4 Tombol Halaman 1 s/d 4 Ditekan Y Tampilkan Box Jawaban 5 s/d 8 Tombol Halaman 5 s/d 8 Ditekan Y START END I = 0 Simpan/Update Jawaban Ke‐ I Ke Dalam File Simpan/Update Soal dan Jenis Soal Ke Dalam File I ≤ 7 I = I + 1
11. Menghapus soal dan jawaban
Gambar 3.14 Flowchart menghapus soal dan jawaban
12. Membuka file yang berisi soal-soal yang pernah dibuat
Gambar 3.15 Flowchart membuka file
Y START END I = 0 Hapus Jawaban Ke‐ I Dari Dalam File Hapus Soal dan Jenis Soal Dari Dalam File I ≤ 7 I = I + 1 Navigasi Soal N START END Pilih File Nama File Kosong? Navigasi Soal
13. Export soal-soal ke dalam file dengan format GIFT
Gambar 3.16 Flowchart export soal ke dalam file GIFT
Y Y START END OK? Upload Y Ada Gambar? Y Upload Gambar? I = 0 I < N Soal I = I + 1 J = 0 Y J < N Jawaban J = J + 1 Jawaban = Jawaban + Jawaban J A = Soal + Jawaban Tulis A Ke File
14. Navigasi antar-soal
Gambar 3.17 Flowchart navigasi antar-soal
START END I = Soal Ke‐ A = Ambil Data Soal Ke‐I Dari File B = Ambil Jumlah Total Soal Dari File Print “Soal Ke‐I Dari B” Isi textbox Soal = A J = 0 Y J ≤ 7 J = J + 1 C = Ambil Data Jawaban Ke‐J Dari File D = Ambil Data Bobot Jawaban Ke‐J Dari File E = Ambil Data Pesan Jawaban Ke‐J Dari File Isi textbox Jawaban Ke‐J = C Isi textbox Bobot Ke‐J = D Isi tooltip textbox Jawaban Ke‐J = E
15. Upload file gambar
Gambar 3.18 Flowchart upload file gambar
Y N Y START END Connection .Open? B = Convert File Gambar Ke Binary Load Complete? A.Host Kosong? A.Port = 80 Connection.Close A = Extract URL Halaman Web C = “POST” + A.URI + A.Query + “Host: ” + A.Host + “Content‐Type: multipart/form‐data, boundary= ” + B + Content‐Length: “ + PanjangKarakter(B) Y A.Port = 0 Connection.Remote Port = A.Port Connection.Remote Host = A.Host Connection.Protocol = sckTCPProtocol Connection.Open Connection.SendData(C) Proses Request Oleh Web Server D = Connection.GetData Ambil Response Dari Web Server D = OK? Y Upload Berhasil Upload Gagal Host Kosong
3.2.3 Pe Pe form untu dan form sebagai be 1. Fo erancangan rancangan uk pengisian untuk peng erikut: orm pengisia G n User Interf User Interfa n soal mult gisian soal m an soal mul Gambar 3.1 rface
face dari apl tiple choice matching. A tiple choice 9 Form pen likasi ini di , form untu Adapun con e ngisian soal ibagi menja uk pengisia ntoh peranca multiple ch adi 3 (tiga), an soal true angannya a hoice yaitu e/false adalah
2. Foorm pengisiaan soal true
Gambar 3
e/false
3. Foorm pengisiaan soal matc
Gambar 3
ching